nanoGALLERY jQuery plugin - thumbnailLabel options

by Christophe Brisbois

HTML

<script src="http://nanogallery.brisbois.fr/jquery.nanogallery.js"></script>
<link rel="stylesheet" href="http://nanogallery.brisbois.fr/css/nanogallery.css">
<h2>nanoGALLERY / thumbnailLabel options</h2>

<div id="nanoGallery"></div>

CSS

body {
    background:#333;
    color:#eee;
}

JavaScript

$(document).ready(function () {
    jQuery("#nanoGallery").nanoGallery({
        kind: 'picasa',
        userID: '[email protected]',
        
        // uncomment line to display one specefic album:
        //album: '5852572882905112961',
        
        thumbnailHoverEffect:'borderLighter,labelAppear75',
        thumbnailLabel: {
            position: 'overImageOnMiddle',
            display: true,
            displayDescription: true,
            titleMaxLength: 20,
            hideIcons: true,
            align: 'center',
            itemsCount: 'description'            
        },
        i18n: { 
            thumbnailLabelItemsCountPart1: '',
            thumbnailImageDescription: 'click to open'
        }
    });
    
});