Gallery.js

Gallery.js allows you to display a customizable selection of images in a modern, easy-to-use gallery.
Open the gallery by clicking on images

Customization :

The gallery has several options to customize the display

Border color of main image

myGallery.changeColors({border: 'black')};

Text Color

myGallery.changeColors({text: 'white')};

Border color of miniature

myGallery.changeColors({miniaBorder: '#808080')};

Background color of overlay

myGallery.changeColors({background: 'rgba(0, 0, 0, 0.8)')};