nanogallery2
Version:
a modern photo / video gallery and lightbox
101 lines (61 loc) • 4.08 kB
Markdown
# nanogallery2
nanogallery2 is a must have gallery and lightbox. Strengths of nanogallery2 include rich UI interactions, multiple responsive layouts, swipe and zoom gestures, multi-level albums, an HTML page generator and limitless options. Setup and use are simple. The documentation includes tutorials, samples and ready to use HTML pages.
<img src="http://nanogallery2.nanostudio.org/img/nanogallery2si.png" alt="nanogallery2"/>
[](https://travis-ci.org/nanostudio-org/nanogallery2)
[](https://twitter.com/intent/tweet?text=Wow:&url=%5Bobject%20Object%5D)
## Documentation, Demonstrations and Tutorials
[Check the homepage of the projet](http://nanogallery2.nanostudio.org/academy.html)
[](https://www.youtube.com/watch?v=Ir098VWCv8Q)
## 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
<br />
## Usage
HTML markup configuration example:
```
<body>
<div id="my_nanogallery2"
data-nanogallery2='{ "userID": "34858669@N00", "kind": "flickr", "thumbnailHeight": 150, "thumbnailWidth": 150 }'>
</div>
</body>
```
<br />
## Package managers
[npmjs](https://www.npmjs.com/package/nanogallery2): `npm install nanogallery2`
<br />
## License
Dual licenced:
- GPLv3 for personal or open source projects with GPLv3 license
- Commercial license for use in a revenue-generating product
<br />
## Requirements
* Javascript must be enabled
* jQuery 1.12.4+
<br />
## Thanks
**Many thanks to these contributors for their work on [nanoGALLERY](http://nanogallery.brisbois.fr/), [nanogallery2](https://nanogallery2.nanostudio.org/), [nanoPhotosProvider](https://github.com/Kris-B/nanoPhotosProvider), [nanoPhotosProvider2](https://github.com/nanostudio-org/nano_photos_provider2) or [nanogp](https://github.com/nanostudio-org/nanogp):**
[Victor A. Banuelos](https://github.com/vbanuelos), [Raphaël Renaudon](https://github.com/sevarg), [antonio r.](https://github.com/grief-of-these-days), [Daniel Eck](https://github.com/Ecksters), [Dio Vayne](https://github.com/DioVayne), [Sean Kenny](https://github.com/seankenny), [eae710](https://github.com/eae710), [Jeff Mills](https://github.com/jefftmills), [Andrea Grassi](https://github.com/andrea-sdl), [AlexRed Alessandro Rossi](https://github.com/AlexRed), Giovanni Chiodi, [Ruplahlava](https://github.com/Ruplahlava), [EelcoA](https://github.com/EelcoA), [eae710](https://github.com/eae710)
**Many thanks to these technology contributors:**
- for [shifty](https://github.com/jeremyckahn/shifty):
**[Jeremy Kahn](https://github.com/jeremyckahn) - special thanks for all your help!**
- for [imagesloaded](https://github.com/desandro/imagesloaded):
[David DeSandro](https://github.com/desandro)
- for [screenfull.js](https://github.com/sindresorhus/screenfull.js):
[Sindre Sorhus](https://github.com/sindresorhus)
- for [Hammer.js](http://hammerjs.github.io/):
[Alexander Schmitz](https://github.com/arschmitz),
[Chris Thoburn](https://github.com/runspired),
[Jorik Tangelder](https://github.com/jtangelder)
- for [fontello.com](http://fontello.com):
[Vitaly Puzrin](https://github.com/puzrin)
**Many thanks to [BrowserStack](https://www.browserstack.com/) for their testing services!**
<img src="http://nanogallery.brisbois.fr/img/browserstack2.png"/>