JQuery Lightbox - grouping images which are not a link

Question

Here is what I want to achieve.

I am creating a simple online shop which displays a product grid. If I click on the photo of the product it should open up a lightbox window. However I want to be able to click Next and Prev to view images in the same gallery, however these other images in this gallery is not actually displayed on the webpage itself.

So I want to subgroup an image gallery from a single img link from the webpage. Is this possible?

Answer 1

Try adding all images on the page but display: none all of them except the first one.

Answer 2

You could create some empty anchors in the site, but with the right link in src and group in rel.

Answer 3

I have set up some webpages to show examples of how to use the "slimbox2" lightbox plugin. The site is http://www.trips.elusien.co.uk click on the "slimbox examples" link.

One such example shows how you might do this. Basically, as Marnix said earlier, "put some empty links" on the webpage. Or hide them via CSS "display: none".

Regards Neil

Answer 4

fancybox simply allows you to create a thumbnail wrapped in an anchor and loads the enlarged image on demand.