Hoping this is the correct forum for my question as it uses Javascript.
On my website I use lightbox for enlarging images.
According to the code instructions for the grouping of images the code is as follows:
[B]<a href=”images/image-1.jpg” rel=”lightbox[roadtrip]”>image #1</a>
<a href=”images/image-2.jpg” rel=”lightbox[roadtrip]”>image #2</a>
<a href=”images/image-3.jpg” rel=”lightbox[roadtrip]”>image #3</a>
This seems to assume that there are already 3 thumbnail images on the page, one for each in the group.
Does anyone know how to code this so that grouped images can be shown by using just one thumbnail on the page?
As example would be to have one thumbnail for a certain design of material but be able to have say a group of 3 for same design material but different colours.
This would mean clicking on the thumbnail would bring up 1 of 3 then using the NEXT to take to 2 of 3, previous would take you back to 1 of 3 etc.
All help is much appreciated