Justified layout Cascading grid layout Inline elements - basic sample Inline elements - organize images in albums Set images using API - basic sample Set images using API - organize images in albums Pagination 1 row Flickr - display full photostream / cropped square thumbnails Thumbnail sizes dependant of screen resolution Checkbox selection Custom icons with font Awesome / rename 'List of Albums' in breadcrumb Auto display breadcrumb for navigation Touch screen - touch twice to open thumbnail Display images with Lightbox Online test tool

Use the parameter breadcrumbAutoHideTopLevel to display the breadcrumb only when an album is opened.

To display the gallery with a cascading layout, set thumbnailHeight to 'auto' and set a width in pixel to thumbnailWidth .

To display the gallery with a justified layout, set thumbnailWidth to 'auto' and set a height in pixel to thumbnailHeight .

To display the full Flick photostream, set the option photoset to 'none' .

nanoGALLERY - Custom Icons





This example shows you how to use icons from Font Awesome.

The breadcrumd home icon is replaced by a camera icon. It's defined twice: one is used by default (breadcrumbHome) and the other one is used on devices in french (breadcrumbHome_FR).

A search icon is displayed in the thumbnail description.

This shows you also how to change the label 'List of Albums' (parameter 'breadcrumbHome').

For this example, you also need to include Font Awesome in the HEAD of your page.