Gridzy.Gallery - Live Preview

JavaScript Library
<!DOCTYPE html> <html> <head> <title>Gridzy.Gallery - Basic Example</title> <link rel="stylesheet" href="preview-basic-styles.css" /> <!-- STEP 1: Add the CSS and JS files of Gridzy.Gallery: --> <link rel="stylesheet" href="gridzy/gridzy.min.css" /> <script src="gridzy/gridzy.min.js"></script> </head> <body> <h1>Basic Usage</h1> <!-- STEP 2: Set the class "gridzy" and add some images: --> <div class="gridzy"> <img src="img/example-image-01.jpg" alt="Smiling couple" /> <img src="img/example-image-02.jpg" alt="Kissing couple" /> <img src="img/example-image-03.jpg" alt="Woman shows a heart in sunset" /> <img src="img/example-image-04.jpg" alt="Boy sticks out his tongue" /> <img src="img/example-image-05.jpg" alt="Woman in the sunlight" /> <img src="img/example-image-06.jpg" alt="Girl makes soap bubbles" /> <img src="img/example-image-07.jpg" alt="Couple in love" /> <img src="img/example-image-08.jpg" alt="Friends hug and watch the sunset" /> <img src="img/example-image-09.jpg" alt="Crazy woman shouting and showing peace signs" /> <img src="img/example-image-10.jpg" alt="Hands of a couple makes a heart" /> <img src="img/example-image-11.jpg" alt="Woman dancing in nature" /> </div> <!-- STEP 3: Enjoy the result --> </body> </html>