Is there a way to use the lightbox feature in the page content area? For example if you were wrapping text around an image, you would simply insert image, but can you insert so when the user clicked the image the lightbox feature would be used.
Sure – just wrap the image into an a href element which points to the fullsize version of the image and add a rel=”lightbox” attribute to the link – the code needs to look like:
<a href='http://www.kriesi.at/themes/abundance/files/2011/10/featured_4' rel="lightbox">
Okay I’ve got the lightbox showing up but it’s saying the image path isn’t correct, does it matter where the image is located? I’m not sure my first line of code is correct, I noticed you don’t reference the jpg in the first line.
So it’s working now, only one other thing. Im showing an undefined text message below the image, Is this the caption, if so how do I target it?
Have a look at the demo code page here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ – you can apply a title to the link and a title to the image – one is used as description, the other as image title.
The topic ‘Use lightbox in page content’ is closed to new replies.