nanogallery2

nanogallery2 is a javascript library for building beautiful, modern and high-quality image galleries for your website or your blog.

Documentation, Demonstrations and Tutorials

Get started
Examples
Documentation
API
Content source
Visual Builder

Some from many features

- Thumbnail display animations

- Thumbnails hover effects, photo albums, lightbox, social sharing

- Multiple layouts, builder for online testing

- Content source : self hosted photos, Flickr, Google Photos

- Shopping cart

- keyword filtering

- blurred images for thumbnail preview

- API, callbacks, events

- Endless customization

Usage

HTML markup configuration example:

<body>
  <div id="my_nanogallery2" 
    data-nanogallery2='{ "userID": "34858669@N00", "kind": "flickr", "thumbnailHeight": 150, "thumbnailWidth": 150 }'>
  </div>
</body>

Package managers

npmjs: npm install nanogallery2

License

Dual licenced:

GPLv3 for personal or open source projects
Commercial license for use in a revenue-generating product

Requirements

Javascript must be enabled
jQuery 1.7.1+

Thanks

Many thanks to these contributors for their work on nanoGALLERY, nanogallery2, nanoPhotosProvider, nanoPhotosProvider2 or nanogp:

Many thanks to these technology contributors:

for shifty: Jeremy Kahn - special thanks for all you help!
for imagesloaded: David DeSandro
for screenfull.js: Sindre Sorhus
for Hammer.js: Alexander Schmitz, Chris Thoburn, Jorik Tangelder
for fontello.com: Vitaly Puzrin
for TinyColor: Brian Grinstead

Testing services provided by BrowserStack

About

Everything you need to add beautiful, modern and high quality photo galleries to your website

https://nanogallery2.nanostudio.org

Languages

Language:JavaScript 86.2%Language:CSS 13.8%