Home Gallery Plugins jQuery Plugin To Create Image Galleries That Fit In Their Container

jQuery Plugin To Create Image Galleries That Fit In Their Container

Gallery Plugins webcodeflow · April 28, 2022 · Comments off

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