nanoGALLERY - image gallery for jQuery

nanoGALLERY's successor, is available: nanogallery2

Please note that nanoGALLERY is no more maintained. Please switch to nanogallery2.

Image gallery simplified.

Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage.

Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others.

Usage can be as easy as:

    jQuery('#elt').nanoGallery({
        kind : 'picasa',
        userID : 'YourUserID'
    });

View ChangeLog

Documentation, Demonstrations and Tutorials

Visit the nanoGALLERY homepage: http://nanogallery.brisbois.fr

Package managers

Bower:

bower install nanogallery

npm install nanogallery

Usage example with images from a Flickr account

Include JS and CSS files

Create a container

Put a

 element in the 
 of your HTML. This DIV is the placeholder for the gallery.


Initialize the script
jQuery(document).ready(function () {
    jQuery("#nanoGallery1").nanoGallery({
        kind:'flickr',
        userID:'[email protected]'
    });
});

License

nanoGALLERY is licensed under CC BY-NC 3.0.

Only for personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoGALLERY for free.

Requirements


Javascript must be enabled
jQuery 1.7.1


Thanks

Testing services provided by BrowserStack