grid-gallery
A simple and light Grid Gallery
Demo
https://jestov.com/grid-gallery/
Usage
- Add a link to the css file in your
<head>
:
<link rel="stylesheet" type="text/css" href="css/grid-gallery.css"/> // Or for the minified file, add this: <link rel="stylesheet" type="text/css" href="css/grid-gallery.min.css"/>
- On your
<body>
tag add:
<div id="gg-screen" hidden></div> <div class="gg-box"> <img src="img/your-image-1.jpg"> <img src="img/your-image-2.jpg"> <img src="img/your-image-3.jpg"> <img src="img/your-image-n.jpg"> </div>
- Before your closing
<body>
tag add:
<script type="text/javascript" src="js/grid-gallery.js"></script> // Or for the minified file, add this: <script type="text/javascript" src="js/grid-gallery.min.js"></script>
Credits
All images from Unsplash