Lightbox2 - How to create a slideshow

Last updated on
30 April 2025

This is very similar to the grouping functionality for images. The only difference is that "rel" attribute should be set to lightshow instead of "lightbox". Using the same example as above, we could launch the images in a slideshow by doing:

<a href="images/image-1.jpg" rel="lightshow[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightshow[roadtrip][caption 2]">image #2</a>
<a href="images/image-3.jpg" rel="lightshow[roadtrip][caption 3]">image #3</a>

If you want to display a "start slideshow" link at the top of the page for example (e.g. in a views header), you could try the following:

<a href="#" onclick="Lightbox.triggerLightbox('lightshow', 'groupname');">Start slideshow</a>

Help improve this page

Page status: Not set

You can: