ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• March 1, 2014 at 5:50 am #53106
  mgma

  Member

  Post count: 136

  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–

  March 3, 2014 at 9:45 am #53370
  Melanie – SUPPORT

  Member

  Post count: 11032

  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!

  March 10, 2014 at 4:39 am #55803
  mgma

  Member

  Post count: 136

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

  Thanks!

  March 10, 2014 at 10:26 am #55937
  Melanie – SUPPORT

  Member

  Post count: 11032

  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>

• Back to forum

  Posted in: Dante