1 |
|
2 | # nanogallery2
|
3 |
|
4 |
|
5 | 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.
|
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 |
|
48 | HTML 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
|
66 | Dual 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 |
|
98 |
|
99 | **Many thanks to [BrowserStack](https://www.browserstack.com/) for their testing services!**
|
100 | <img src="http://nanogallery.brisbois.fr/img/browserstack2.png"/>
|