Lightbox

Simple and easy to use lightbox script written in pure JavaScript.

// Css
<link rel="stylesheet" href="css/vendor/baguetteBox.min.css" />

// Javascript
<script src="js/vendor/baguetteBox.min.js"></script>

baguetteBox.run('.lightbox');

<a href="img/product/large/product-1.webp" class="lightbox">
  <img alt="lightbox" src="img/product/small/product-1.webp" class="card-img" />
</a>

You may find more examples in Interface.Plugins.Lightbox.html file which is initialized by js/plugins/lightbox.js.