Need help with nanoGALLERY?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Kris-B
441 Stars 101 Forks 251 Commits 9 Opened issues

Description

image gallery simplified - jQuery plugin. Touch enabled, responsive, justified/cascading/grid layout and it supports pulling in Flickr, Google Photos and self hosted images.

Services available

!
?

Need anything else?

Contributors list

# 86,506
CSS
HTML
flickr
thumbna...
199 commits
# 485,721
CSS
HTML
9 commits
# 538,832
CSS
HTML
5 commits
# 52,331
Elixir
GraphQL
css-fra...
CSS
2 commits
# 679,996
CSS
HTML
1 commit
# 679,997
CSS
HTML
1 commit

nanoGALLERY - image gallery for jQuery






nanoGALLERY's successor, is available: nanogallery2

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

Animation
Screenshot1 Screenshot2 Screenshot3

Package managers

Bower:

bower install nanogallery

npm:
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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.