nanogallery2

modern photo / video gallery and lightbox   [javascript library]

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.

Documentation, Demonstrations and Tutorials

-> Check the homepage of the project

## Features ### Markup or Javascript set up ### Images ### Videos (Youtube, Vimeo, Dailymotion) ### Media titles and descriptions, tags ### Touch and mobile friendly ### Smart lazy loading and displaying ### Deeplinking ### Gallery - multiple base layouts: grid, cascading/mansonry, justified, mosaic - responsive - tag/keyword filtering - display transition on gallery and thumbnails: reveal items on-scroll in an animated way - hover/touch effects - tools on thumbnails: social sharing, selection, download, shopping cart - pagination, "display more" button - albums - blurred images for thumbnail preview - breadcrumb navigation - slider on last thumbnail - thumbnails stacks - themes ### Lightbox - swipe / pinch to zoom - mouse and keyboard - image rotation / zoom - fully customizable toolbars - previous/next media transitions - smart slideshow - themes ### Custom icons ### show media location on google maps ### API / Events / Callbacks ### Fast animation engine ### Builder for quick online testing ### Detailled documentation with samples ### Super customizable ### Optional add-on for automatic publishing of self hosted images: [nanoPhotosProvider2](https://github.com/nanostudio-org/nano_photos_provider2)

## New features and improvements -> [Check ChangeLog](changelog.md)

## Some screenshots








## Usage HTML markup setup examples: ``` ``` ``` ``` ``` ```
## Package managers [npmjs](https://www.npmjs.com/package/nanogallery2): `npm install nanogallery2`
## License : GPLv3 [//]: # "Dual licensed:" [//]: # "- GPLv3 for personal or open source projects with GPLv3 license" [//]: # "- Commercial license for use in a revenue-generating product"
## Requirements * Javascript must be enabled * jQuery 1.12.4+ (not compatible with v3.0/v3.1, because of a jQuery regression described [here](https://github.com/jquery/jquery/issues/3193) )
**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 great testing services!**