UNPKG

4.08 kBMarkdownView Raw
1
2# nanogallery2
3
4
5nanogallery2 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.
6
7<img src="http://nanogallery2.nanostudio.org/img/nanogallery2si.png" alt="nanogallery2"/>
8
9
10
11[![Build Status](https://travis-ci.org/nanostudio-org/nanogallery2.svg?branch=dev-gh-pages)](https://travis-ci.org/nanostudio-org/nanogallery2)
12[![Twitter](https://img.shields.io/twitter/url/https/github.com/nanostudio-org/nanogallery2.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:&url=%5Bobject%20Object%5D)
13
14## Documentation, Demonstrations and Tutorials
15[Check the homepage of the projet](http://nanogallery2.nanostudio.org/academy.html)
16
17
18[![nanogallery2 youtube demo](https://github.com/nanostudio-org/nanogallery2/raw/gh-pages/videos/youtube_nanogallery2.png)](https://www.youtube.com/watch?v=Ir098VWCv8Q)
19
20
21
22
23## Some from many features
24
25
26#### - Thumbnail display animations
27
28#### - Thumbnails hover effects, photo albums, lightbox, social sharing
29
30#### - Multiple layouts, builder for online testing
31
32#### - Content source : self hosted photos, Flickr, Google Photos
33
34#### - Shopping cart
35
36#### - keyword filtering
37
38#### - blurred images for thumbnail preview
39
40#### - API, callbacks, events
41
42#### - Endless customization
43
44<br />
45
46## Usage
47
48HTML markup configuration example:
49```
50<body>
51 <div id="my_nanogallery2"
52 data-nanogallery2='{ "userID": "34858669@N00", "kind": "flickr", "thumbnailHeight": 150, "thumbnailWidth": 150 }'>
53 </div>
54</body>
55```
56
57<br />
58
59## Package managers
60
61[npmjs](https://www.npmjs.com/package/nanogallery2): `npm install nanogallery2`
62
63<br />
64
65## License
66Dual licenced:
67- GPLv3 for personal or open source projects with GPLv3 license
68- Commercial license for use in a revenue-generating product
69
70<br />
71
72## Requirements
73* Javascript must be enabled
74* jQuery 1.12.4+
75
76<br />
77
78## Thanks
79**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):**
80
81[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)
82
83**Many thanks to these technology contributors:**
84- for [shifty](https://github.com/jeremyckahn/shifty):
85**[Jeremy Kahn](https://github.com/jeremyckahn) - special thanks for all your help!**
86- for [imagesloaded](https://github.com/desandro/imagesloaded):
87[David DeSandro](https://github.com/desandro)
88- for [screenfull.js](https://github.com/sindresorhus/screenfull.js):
89[Sindre Sorhus](https://github.com/sindresorhus)
90- for [Hammer.js](http://hammerjs.github.io/):
91[Alexander Schmitz](https://github.com/arschmitz),
92[Chris Thoburn](https://github.com/runspired),
93[Jorik Tangelder](https://github.com/jtangelder)
94- for [fontello.com](http://fontello.com):
95[Vitaly Puzrin](https://github.com/puzrin)
96
97&nbsp;
98&nbsp;
99**Many thanks to [BrowserStack](https://www.browserstack.com/) for their testing services!**
100<img src="http://nanogallery.brisbois.fr/img/browserstack2.png"/>