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.




!version

Documentation, Demonstrations and Tutorials

-> Check the homepage of the project

Features

$3

$3

$3

$3

$3

$3

$3

$3

- 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

$3

- swipe / pinch to zoom
- mouse and keyboard
- image rotation / zoom
- fully customizable toolbars
- previous/next media transitions
- smart slideshow
- themes

$3

$3

$3

$3

$3

$3

$3

$3

New features and improvements

-> Check ChangeLog

Some screenshots

Usage

HTML markup setup examples:
``

data-nanogallery2='{ "userID": "34858669@N00", "kind": "flickr", "thumbnailHeight": 150, "thumbnailWidth": 150 }'>

`
`

Title Image 1


Title Image 2


Title Image 3

`
`

Title Image1
Title Image2
Title Image3

`

Package managers

npmjs: npm install nanogallery2`

License

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 )





Many thanks to these technology contributors:
- for shifty:
Jeremy Kahn - special thanks for all your help!
- for imagesloaded:
David DeSandro
- for screenfull.js:
Sindre Sorhus
- for Hammer.js:
Alexander Schmitz,
Chris Thoburn,
Jorik Tangelder
- for fontello.com:
Vitaly Puzrin

 
 
Many thanks to BrowserStack for their great testing services!