Javascript Library: jQuery
License: GPL
Found Via: DevKick
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Collis Ta'eed
Premium Members
Source Files, Bonus Tutorials & More for all relevant Tuts+ sites in one subscription. Join Now
Related Posts
Premium Membership
Source Files, Bonus Tutorials & More for all relevant Tuts+ sites in one subscription
Breezi Comming Soon page - More
Web Basix
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
Other Plus Sites ...
aetuts+ audiotuts+ vectortuts+ tuts+ phototuts+ cgtuts+ nettuts+ psdtuts+ activetuts+Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Any way to customize the thumbnails so they automatically horizontally scroll if you have too many images?
How do the thumbnails get generated? It is something that the user has to specify?
Those thumbnails are just normal images resized using CSS – it is why the big ones are loading so fast.
Love it, but it if the back button is hit, you go to the previous image. Depending on the situation, that may or not be a good thing. I can see this being really useful in a separate window / modal window type of situation. Very cool though!
set history to false, and it will stop doing that.
I have tested it on one of my pages but I think that it is useless in gallery bigger than 10 high quality photos – in that case the website is loading too long.
Very nice. Nice and smooth
How can i use this gallery without any thumbnails? Just the large picture and “next / prev”
Somebody?
When you declare your <ul>, try adding some inline css, like <ul style=”display:none”>
Is it possible to include links in photo captions?
I tried changing all symbols to < and > but it didn’t work…
Hi, I have a php integrated website and I linked the images with a database everything is all fine except that when we click on the picture the URL is changing and showing all the full path to the images.. that is a problem for security reasons.. any way to make that encrypted or something??
thanks in advance..