Beautiful Image Gallery Lightbox In Vanilla JS – Gallery Box

Gallery Box is a lightweight JavaScript plugin to showcase several images in a gallery popup where the users are able to navigate between images with navigation buttons and keyboard arrows.

How to use it:

Import the Gallery Box’s JavaScript and CSS into the HTML document.

<link rel="stylesheet" href="gbox.css">
<script src="gbox.js"></script>

Insert an image list to the gallery box. Done.

<div id="gbox">
  <ul>
    <li><img src="1.jpg" id="thumb"></li>
    <li><img src="2.jpg" id="thumb"></li>
    <li><img src="3.jpg" id="thumb"></li>
    ...
  </ul>
</div>