Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15491

    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

    #87726

    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>

    #87727

    Hi

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

    #87728

    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.

    #87729

    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

    #87730

    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.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Use lightbox in page content’ is closed to new replies.