Drupal Colorbox

  1. Drupal Colorbox Load
  2. Drupal Colorbox
  3. Colorbox Jquery

A few Drupal users wanted to know how to display an image, its title and then the image's node title as a link in Colorbox. If you want to know how to display a node-link in Colorbox along with a few images related to the node then read on to find out the solution.

Drupal Colorbox Load

ColorBox for Drupal The ColorBox module integrates with ColorBox jQuery plugin into Drupal. The plugin is a lightweight customizable lightbox for jQuery. I am attempting to build an on-page-load overlay using Drupal 7 & Colorbox and am stumped. I my JS / JQuery skills are pretty slim and I've hit a barrier. I've created a Block in views and push.

Here is the method to do that. Follow the steps below.

  • Firstly you should create a View
  • If your nodes are related to a content type then Create a View of that content type
  • Next add the following fields to your view
    • Title - no link, exclude from display
    • Image - no link, thumbnail size, exclude from display, Rewrite the output with replacement patterns as [field_image] [title]
    • Image - link to content, full size, exclude from display
    • Title - as link, exclude from display
  • After adding and configuring the above fields we need to create the trigger field for Colorbox
  • Now add the 5th field of type Colorbox Trigger and configure it as follows
    • The trigger should be the first image field which is the thumbnail image
    • The image appearing in the the popup should be the second image - the one with the full size.
    • The image caption will be the second title

Hope that helps.

The easiest way to solve a Drupal issue is to hand it to the Drupal experts. We can provide a wide range of Drupal services to help you maintain and manage your Drupal websites. Get in touch with us to know more.

Drupal Colorbox

Drupal Colorbox

close

Colorbox Jquery

We have added a few new modules to our site recently. Drupal Technical StumbleThis Leave a reply Your email address will not be published. Required fields are marked * Sean (not verified) access_time 05 May 2021 - 11:09 Hi there, I uploaded the files, enabled the modules to use SU, and now I see the link, but there is no icon...How can I fix this?Thanks,Sean webmaster access_time 05 May 2021 - 11:09 In reply to Icon doesn't show by Sean (not verified) What do you see when you view the source? Search for stumblethis_button and you should be able to see the code for the image and the URL. Then you should be able to troubleshoot from there. Juicy Couture Addict (not verified) access_time 05 May 2021 - 11:09 thanks for the post. would love to hear more of you. by the way, drupal's really popular nowadays as it has easy and fast features. you agree with me? thanks. Add new comment