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

Sample #1: item list in options

image 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

image 2

第１０４回ハイキング ipsum dolor sit amet, consectetur adipiscing elit.

image 3

image 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

image 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

image 3

image 1

View Photo

image 2

View Photo

image 3

View Photo

image 1

View Photo

image 2

View Photo

image 3

View Photo

Sample #2: HREF attributes

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

India

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

India

Sample #3: Picasa/Google+

Galleries

dummydummydummy

d

  reload     count selected items     Unselect selected items  

Galleries

dummydummydummy

View Photo

dummydummydummy

View Photo

Sample #4: Flickr

Galleries

dummydummydummy

d

dummydummydummy

d

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

Galleries

image 01

image 02

第１０４回ハイキング

album 1

album 2

image 03

1

2

3

4

5

Next

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

nanoGALLERY - demonstration panel

Thumbnail hover effects:	nonescale120scaleLabelOverImageoverScaleoverScaleOutsideslideUpslideDownslideRightslideLeftrotateCornerBLrotateCornerBRimageScale150imageScaleIn80imageScale150OutsideimageSplit4imageSplitVertimageSlideUpimageSlideDownimageSlideRightimageSlideLeftimageRotateCornerBLimageRotateCornerBRimageFlipHorizontalimageFlipVerticallabelAppearlabelAppear75labelOpacity50descriptionAppeardescriptionSlideUplabelSlideUpToplabelSlideUplabelSlideDownlabelSplit4labelSplitVertlabelAppearSplit4labelAppearSplitVertborderLighterborderDarker	nonescale120scaleLabelOverImageoverScaleoverScaleOutsideslideUpslideDownslideRightslideLeftrotateCornerBLrotateCornerBRimageScale150imageScaleIn80imageScale150OutsideimageSplit4imageSplitVertimageSlideUpimageSlideDownimageSlideRightimageSlideLeftimageRotateCornerBLimageRotateCornerBRimageFlipHorizontalimageFlipVerticallabelAppearlabelAppear75labelOpacity50descriptionAppeardescriptionSlideUplabelSlideUpToplabelSlideUplabelSlideDownlabelSplit4labelSplitVertlabelAppearSplit4labelAppearSplitVertborderLighterborderDarker	nonescale120scaleLabelOverImageoverScaleoverScaleOutsideslideUpslideDownslideRightslideLeftrotateCornerBLrotateCornerBRimageScale150imageScaleIn80imageScale150OutsideimageSplit4imageSplitVertimageSlideUpimageSlideDownimageSlideRightimageSlideLeftimageRotateCornerBLimageRotateCornerBRimageFlipHorizontalimageFlipVerticallabelAppearlabelAppear75labelOpacity50descriptionAppeardescriptionSlideUplabelSlideUpToplabelSlideUplabelSlideDownlabelSplit4labelSplitVertlabelAppearSplit4labelAppearSplitVertborderLighterborderDarker
Thumbnail size (w/h):
Thumbnail label:	overImageOnBottomoverImageOnMiddleoverImageOnToponBottom	Display label	Display description
Gallery color scheme:	nonedefaultdarkReddarkGreendarkBluedarkOrangelightlightBackground	Image color scheme:	nonedefaultdarkdarkReddarkGreendarkBluedarkOrangelight
Theme:	defaultcleanlight	Background color:	lightdark

--> Launch

---

  Preset 1    Preset 2    Preset 3    Preset 4    Preset 5  

Image 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Image 2

Image 3

by Christophe Brisbois

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