Galleria
— A JavaScript gallery for the Fastidious
Welcome to Galleria
Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria clocks around 5k daily downloads, making it one of the most popular javascript galleries around. This site is now dedicated to version 1.2, currently in beta development at GitHub. Stable release is set to september 2010.
Galleria and a few themes are free to use under the MIT license. More advanced themes, better licensing options, support, integrations for wordpress etc. will soon be available as a premium membership. Stay tuned!
Attention: Galleria is finalizing the stable 1.2 version and we need your help. If you are using Galleria and would like to support further development, we encourage you to make a donation. Just click the button below and you will be redirected to PayPal. Thank you for your support!
Demos
Here are some simple demos for you to try out. Make sure you check out the source to find out how simple it works. They all use the latest nightly builds, so it might not be 100% stable at all times:
- Classic demo 01
- Classic demo 02
- Classic demo 03
- Fullscreen demo 01
- Fullscreen demo 02
- Fullscreen demo 03
- Dots demo 01
Try it out
Galleria 1.2 is currently in beta. You try it yourself in it's simpler form by following these simple steps:
- Download Galleria (Nightly build)
- Unpack etc.
- Include jquery and Galleria:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="galleria/src/galleria.js"></script> - Load a theme:
<script>Galleria.loadTheme('galleria/themes/galleria.classic.js');</script> - Add images:
<div class="images"><img src="me.jpg"><img src="you.jpg"></div> - Fire upp Galleria:
<script>$('.images').galleria();</script>
There are many other ways of doing it, but this is probably the simplest one. Now read the documentation to find out more about options, customizations, themes etc.
Documentation
Documentation in REST format is currently avalilable at GitHub.
Support
While putting our own support section online, we mashed up a temporary support at Get Satisfaction. If you are a GitHub member you can post issues on GitHub.
About the project
The Galleria project started around 2006. The idea was to create a dynamic image gallery on top of jQuery that could create thumbnails and handle preloads on the client-side, without using flash och server scripting. Open source of course.
The unique feature of Galleria is the ability to create dynamic image sizes client-side. This feature opens up for dynamic designs based on a simple list of images.
Galleria version 1.0 was released around 2007 and clocks around 1.000.000 unique visitors since then. You'll find it in action all over the web.
Version 1.0 had a lot of limitations and we get around 10-20 e-mails every day about feature requests. So in late 2009 we started re-working the project from scratch.
The next version, 1.2, is now a public open source project at GitHub. We are working towards a stable release in June 2010.
Some new important features:
Themed galleries
Galleria now uses a convenient Theme API that makes gallery styling and customization a breeze. Available free themes today are Classic and Fullscreen.
Flickr fetcher included
Use a custom feed from your Flickr account or any other external feed to display images on your web site.
Carousel included
So many people asked for this, we had to include it.
Even better performance
Galleria is built to perform at it's best regardless of browser environment using clever interpolation methods and smart preloads.
Support membership
To continue Galleria we need funds and we think the best way is to make it possible to subscribe to a Supporter membership. Supporters will have better licensing options, online support and a lot of themes to choose from.
Features, features, features...
Fullscreen, keyboard navigation, HTML captions, linked images etc. We really made sure it all fits in 1.2.
— enjoy