A simple and light Grid Gallery
https://jestov.com/grid-gallery/
- 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>All images from Unsplash