I am looking for a free jquery plug-in that will allow me to have different thumbnails on a page each representing a category in the gallery, so that when a user clicks on one of the images a pop-up windows appears with the main photo and mini thumbnails of more photos that are in that category.
I have found a lot that after clicking one image give you mini thumbnails of the next ones coming, but are the same ones as the images visible on the web page- which is what I don’t want.
Anyone know about a plugin like that? I’d be grateful for any help.
So, I’m just trying to understand this fully. Basically, are you looking for a way have a bunch of thumbnails, and clicking on each of them would bring up some type of modal box or something with an entire gallery in it, with a kind of slider gallery in it?
Oh, you’re fine. I was just trying to make sure I understood what you were saying. I’ve been using fancybox a bit for stuff like that. There is a built in way to have a thumbnail gallery of that photo and all the other photos you set up to have it on that page.
If you’re looking for it to have an entirely new set of images, it also allows for it to display plain html in the box.
The only issue I have with doing it that way is that you could end up with a lot of images and a very heavy page load.
There are a couple ways to do this.
Using fancybox, you can also load an iframe which you could set up for each gallery that you’re looking for and everything would load on demand.
Or… you could write a script to have all the images load on demand.
Alright, it took me a while to get it to work in jsfiddle, but here it is. http://jsfiddle.net/kevin11189/uZCC6/1269/
Alright, you set the “data-fancybox-group” to group the different galleries together. You can see how it works. I have thumb1 and thumb2.
When it comes to the class, make sure the are “fancy-thumbs” and add the “hidden” class for each on that you don’t want to see, leaving one to start the gallery.
Also, the JS is a bit different and I had to load another js and css in for the thumbnails.
See how it works?
If you’re still around I wonder if you could help me develop your code a bit further. What I want is to bring up a set of photos gallery?) when you press on one and then be able to enlarge then as you did before. is that too comlicated? I’m a zero with java!