Material Photo Gallery
A vanilla javascript photo gallery plugin inspired by Google Photos.
Demo
Install
NPM
npm install material-photo-gallery --save-dev
Usage
var MaterialPhotoGallery = ; var elem = document;var gallery = elem;
Include Script
Include Stylesheet
HTML
<!-- Rest of your thumbnails... -->
Specify the path to the full size images with the data-full
attribute on the thumbnail images.
Initialize Plugin
// Select gallery element.var elem = document;// Init galleryvar gallery = elem;
Browser Support
- Latest Edge
- Latest Chrome
- Latest Firefox
- Latest Safari
Credits
This project uses imagesLoaded by David DeSandro, and Google Image Layout by ptgamr.
License
MIT license.