Lightbox thumb, and image, different?

[mgma]

How can I trigger a lightbox to show a different image than the one triggering it? i.e. thumbnail is different than the image displayed?

Thanks–

[Melanie – SUPPORT]

Hey, you can use this HTML and modify it according to your needs:

<figure class="lightbox animated-overlay overlay-alt clearfix">

<img width="640" height="413" src="http://5polmhwz1w47vy1h4f015h97s.wpengine.netdna-cdn.com/wp-content/uploads/2012/08/Dante_video_still.jpg" class="attachment-large" alt="Dante_video_still" data-wp-pid="11172">

<a class="view" href="http://5polmhwz1w47vy1h4f015h97s.wpengine.netdna-cdn.com/wp-content/uploads/2012/08/Dante_video_still.jpg" rel="image-gallery"></a>

<figcaption><div class="thumb-info"><h4>Dream from 'The Glide' by Jon Frank.</h4><i class="ss-view"></i></div></figcaption>

</figure>

Cheers!

[mgma]

Thanks… Can you elaborate?… I can’t get it. Is one image the thumb and the other the popup image displayed?

Thanks!

[Melanie – SUPPORT]

Hi,

<figure class="lightbox animated-overlay overlay-alt clearfix">

<img width="640" height="413" src="place-the-thumb-here.jpg" class="attachment-large" alt="change-alt">

<a class="view" href="place-the-image-that-opens-in-the-lightbox-here.jpg" rel="image-gallery"></a>

<figcaption><div class="thumb-info"><h4>Place the title of the image here.</h4><i class="ss-view"></i></div></figcaption>

</figure>