nanoGALLERY4 jQuery plugin - Pictures from Flickr account

by Christophe Brisbois

HTML

<link rel="stylesheet" href="http://nanogallery.brisbois.fr/css/nanogallery.css">
<script src="http://nanogallery.brisbois.fr/jquery.nanogallery.js"></script>
<h2>nanoGALLERY / image source: Flickr account</h2>

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

CSS

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

JavaScript

$(document).ready(function () {
    jQuery("#nanoGallery").nanoGallery({
        kind: 'flickr',
        userID: '34858669@N00',
        
        // uncomment this line to display one specific album:
        // photoset:'72157594299597591',
        
        // uncomment this line to display full photostream (v5.0.0):
        // photoset:'none',
        
        thumbnailWidth: 125,
        thumbnailHeight: 125,
        thumbnailLabel: {
            displayDescription: false,
            position: 'overImageOnBottom'
        },
        thumbnailHoverEffect:'borderLighter'
    });
});