Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

FancyBox 2.1.4 / jQuery - Can I use one Thumbnail to link to Photo Gallery?

I'm using FancyBox 2.1.4 and jQuery,

Is it possible to have only one Thumbnail on an HTML Page that points to an entire FancyBox Photo Gallery that consists of more than one photo?

So when one click on that one Thumbnail it will launch a FancyBox Photo Gallery over the existing HTML Page that can be viewed.

By default one needs all the Thumbnails on the one HTML Page and if you then click any one it will open that one and you can click Left or Right to view the other photos.

My logic behind this: On the HTML Page there's info. about a place (a residential complex), and on that page I want to place only one Thumbnail and call it "Photo Gallery of the Complex", so when someone clicks on that one Thumbnail it launches the FancyBox Photo Gallery Slideshow with all the photos.

Thanks for any help,

Reinhard.

like image 606
RayMysterio Avatar asked May 09 '13 10:05

RayMysterio


1 Answers

I know I'm 2 months late to the party, but I had a similar situation that needed worked out and while the example on the FancyBox website is useful, it's a bit impractical to include all those links to images only to hide them (look out for a heavy page load!).

I did some tweaking and noticed that all that's really needed is the <a> tags with the rel attribute. I cleaned up the example, removing the js that adds the same rel attribute to everything, and adding another gallery to show how it could work: http://jsfiddle.net/uZCC6/3005/

Hope this helps anyone else!

like image 175
ndimatteo Avatar answered Sep 27 '22 20:09

ndimatteo