Use lightbox in page content

6 posts from 2 voices

• Started 9 months ago by O5
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   O5
   Member

   Hi

   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.

   Thx

   Posted 9 months ago #
2. 

   Dude
   Dude

   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">
   <img src='http://www.kriesi.at/themes/abundance/files/2011/10/featured_4-210x100.jpg'/>
   </a>

   Posted 9 months ago #
3. 

   O5
   Member

   Hi

   So I noticed you used Abundance, I'm using the Propulsion, does this matter?

   Posted 9 months ago #
4. 

   O5
   Member

   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.

   Posted 9 months ago #
5. 

   O5
   Member

   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?

   Thx

   Posted 9 months ago #
6. 

   Dude
   Dude

   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.

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.