Skip to content
A simple and light Grid Gallery with pure JS
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css update images Oct 26, 2019
img
js
README.md Update README.md Apr 13, 2019
index.html

README.md

grid-gallery

A simple and light Grid Gallery

Demo

https://jestov.com/grid-gallery/

Usage

  1. 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"/>
  1. 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>
  1. 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

You can’t perform that action at this time.