https://github.com/Kris-B/nanoGALLERY

image gallery simplified - jQuery plugin. Touch enabled, responsive, justified/cascading/grid layout and it supports pulling in Flickr, Google Photos and self hosted images.
https://github.com/Kris-B/nanoGALLERY

Last synced: 3 months ago
JSON representation

image gallery simplified - jQuery plugin. Touch enabled, responsive, justified/cascading/grid layout and it supports pulling in Flickr, Google Photos and self hosted images.

• Host: GitHub
• URL: https://github.com/Kris-B/nanoGALLERY
• Owner: Kris-B
• Created: 2013-04-05T20:23:52.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2020-07-28T16:14:03.000Z (over 4 years ago)
• Last Synced: 2024-11-01T18:04:22.121Z (3 months ago)
• Language: JavaScript
• Homepage: https://nanogallery2.nanostudio.org/
• Size: 28.6 MB
• Stars: 437
• Watchers: 41
• Forks: 101
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md

Awesome Lists containing this project

• awesome-jquery - nanoGALLERY - image gallery simplified - jQuery plugin. Touch enabled, responsive, justified/cascading/grid layout and it supports pulling in Flickr, Picasa and Google+ photo albums among others. (Images / Data Table)

README

        
# nanoGALLERY - image gallery for jQuery

  













------

nanoGALLERY's successor, is available: [nanogallery2](https://github.com/nanostudio-org/nanogallery2)

  

  

  

## Please note that nanoGALLERY is no more maintained. Please switch to **nanogallery2**.

------













  

  

#### Image gallery simplified.

Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage.

Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others.

#### Usage can be as easy as: 

```js

	jQuery('#elt').nanoGallery({

		kind : 'picasa',

		userID : 'YourUserID'

	});

```

[View ChangeLog](/changelog.md)  

  

#### Documentation, Demonstrations and Tutorials

Visit the nanoGALLERY homepage: [http://nanogallery.brisbois.fr](http://www.nanogallery.brisbois.fr/)   

  

![Animation](/doc/nanoGALLERY4_demo.gif?raw=true "Animation")  







### Package managers

Bower: `bower install nanogallery`  

npm: `npm install nanogallery`

  

    

### Usage example with images from a Flickr account

#### Include JS and CSS files

``` HTML

 

```

#### Create a container

Put a ```
``` element in the `````` of your HTML. This DIV is the placeholder for the gallery.


```html



```


#### Initialize the script

```js

jQuery(document).ready(function () {

	jQuery("#nanoGallery1").nanoGallery({

		kind:'flickr',

		userID:'34858669@N00'

	});

});

```

#### License

nanoGALLERY is licensed under [CC BY-NC 3.0](http://creativecommons.org/licenses/by-nc/3.0/).  

Only for personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoGALLERY for free.

#### Requirements

* Javascript must be enabled

* jQuery 1.7.1

#### Thanks

Testing services provided by [BrowserStack](https://www.browserstack.com/)