Jquery popup gallery (Click image to open gallery with other images)
# December 15, 2012 at 5:56 pm
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.
Aleksander# December 16, 2012 at 9:52 am
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.
Am I helping? lol.# December 16, 2012 at 4:46 pm
Alright, it took me a while to get it to work in jsfiddle, but here it is.
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?
Any questions?# May 4, 2013 at 6:33 pm
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!
You must be logged in to reply to this topic.