Fork me on GitHub

jQuery Responsive Thumbnail Gallery Plugin

by johnpolacek

jQuery Plugin for creating image galleries that scale to fit their container.

Photos by Andrew Schmidt via publicdomainpictures.net

How to Use

Link to the script after jQuery.
Apply it to a DOM element on the document ready event.

$(document).ready(function() {
    var gallery = new $.ThumbnailGallery($('#gallery'));
});

You can configure the settings as follows
(example has the default config values assigned)

$(document).ready(function() {
    var gallery = new $.ThumbnailGallery($('#gallery'), {
        thumbImages: '_/img/thumbs/thumb',
        smallImages: '_/img/small/image',
        largeImages: '_/img/large/image',
        count: 10,
        thumbImageType: 'jpg',
        imageType: 'jpg',
        breakpoint: 600,
        shadowStrength: 1
    });
});

Parameters are:

Download Plugin: zip tar

Other stuff by me: johnpolacek.github.com