Press "Enter" to skip to content

jQuery Plugin To Create Image Galleries That Fit In Their Container

jQuery Responsive Thumbnail Gallery is a jQuery Plugin creates image galleries that fit in their containers.

image gallery javascript, javascript image gallery with thumbnails, responsive image gallery html css, photo gallery for website html code, responsive image gallery bootstrap

How to make use of it:

Link to the script after jQuery to the DOM element in the document.

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

You can configure the settings as follows (eg default configuration values are set):

$(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
    });
});

Johnpolacek Responsive Gallery Plugin with Thumbnail Plugin/Github


See Demo And Download

Official Website(johnpolacek): Click Here

This superior jQuery/javascript plugin is developed by johnpolacek. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *