0

I've created a content type, let's call it Person. I've got a View which generates a grid of thumbnail images, one for each Person. When the user clicks on one of these thumbnails, I'd like to open that Person node in a lightbox (without all of the header and footer decorations, just the content of the node).

What lightbox modules are compatible with Views? I tried ColorBox, but I'm not seeing a colorbox option in the "Link Image to.." which is where I would expect to see it.

Is colorbox compatible with Views and I'm just looking in the wrong place?

If it's not, what modules are compatible with Views to do something like this?

1

The Lightbox 2 module integrates with Views. I use it on my site. This module is extremely popular (more than 100,000 installs).

Unfortunately, this issue describes why Views and Colorbox are currently not compatible.

| improve this answer | |
  • Does it support enclosing a node in the lightbox? I added this module to my site and then went to my Views configuration and tried to change the "Link Image to..." dropdown on my image Field, but I didn't see any reference to Lightbox. Am I looking in the wrong spot? – Kenny Wyland Jun 6 '12 at 0:10
  • 1
    Change the Formatter on the settings for the image field, not "Link Image to..." – Patrick Kenny Jun 6 '12 at 0:19
  • Ah, ok, I see the choice now. However, it only gives me the ability to link one image type to a different image type (for example, thumbnail -> original). However, I want to open the entire node in the lightbox. Does this module do this? – Kenny Wyland Jun 6 '12 at 0:28
  • I'm not sure off the top of my head how to configure it to open the whole node. If the node is a gallery of pictures, however, you can use the built-in gallery feature of lightbox to display all the images together. – Patrick Kenny Jun 6 '12 at 0:33
  • I want to display the whole node (not just images). I'll keep looking around to see if I can find some info on how to display a whole node in a lightbox. Thanks for your continued help! – Kenny Wyland Jun 6 '12 at 0:44
1

Maybe there is way to achieve what you want. Adding a lightbox to an image is as simple as adding 'lightbox' to the link's rel attribute. Since you want to display content in the lightbox then you should go and rewrite your image and select "Output this field as a link". Construct the correct path for the link and add the rel attribute. Take a look at this for more info and examples.

| improve this answer | |
1

You need to output the image field as a link (there's a checkbox on the setting of this field on Views) and set the rel attribute to lightmodal according to this page. And you need to write a very small custom module as shown in this comment which outputs your node's content without all the other bits (html, body tags, sidebars etc).

Otherwise you can use lightframe in the rel attribute and just put the link of the node there, which should display the whole page in a lightbox with the sidebars, menus, headers & footers etc.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.