nanoGALLERY
jQuery plugin - demonstration page

Full nanoGALLERY documentation: www.nanogallery.brisbois.fr




Look at the page source code to find useful information.









----- Possible image sources -----



Sample #1: item list in options

image 1
image 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
image 2
image 2
第104回ハイキング ipsum dolor sit amet, consectetur adipiscing elit.
image 3
image 3
image 1
image 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
image 2
image 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
image 3
image 3


image 1
image 1
View Photo
image 2
image 2
View Photo
image 3
image 3
View Photo
image 1
image 1
View Photo
image 2
image 2
View Photo
image 3
image 3
View Photo



Sample #2: HREF attributes

Thailand
Thailand
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet interdum magna. Nunc luctus leo ut blandit tempor. Suspendisse at auctor lorem, sed hendrerit arcu.
Vietnam
Vietnam
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
India
India
Thailand
Thailand
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet interdum magna. Nunc luctus leo ut blandit tempor. Suspendisse at auctor lorem, sed hendrerit arcu.
Vietnam
Vietnam
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
India
India


Sample #3: Picasa/Google+

Galleries
dummydummydummy
dummydummydummy
dummydummydummy
d






Galleries
dummydummydummy
dummydummydummy
View Photo
dummydummydummy
dummydummydummy
View Photo





Sample #4: Flickr

Galleries
dummydummydummy
dummydummydummy
d
dummydummydummy
dummydummydummy
d









----- Multi-level navigation and pagination (API) -----



Galleries
image 01
image 01
image 02
image 02
第104回ハイキング
album 1
album 1
album 2
album 2
image 03
image 03
1
2
3
4
5
Next









----- Thumbnails configuration demo -----



nanoGALLERY - demonstration panel
Thumbnail hover effects: 
Thumbnail size (w/h):
Thumbnail label: Display label Display description
Gallery color scheme:Image color scheme:
Theme: Background color:

Image 1
Image 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Image 2
Image 2
Image 3
Image 3


by Christophe Brisbois
第106回ハイキング

HELP

The gallery can be navigated using the keyboard:

LEFT/RIGHT ARROWS: Prev/Next
SPACEBAR: Next
ENTER: Start/Stop slideshow
ESCAPE: Close gallery
HOME/END: First/Last image
H - This help panel

Close help
pinlink