Light Gallery
Huro is integrated with LightgalleryJs, a performant vanilla
javascript lightbox library. You can check the plugin
documentation on
Github. You can also access the javascript code by visiting the
assets/js/components.js file. The following
example shows you how it works with images.
//JS CODE
lightGallery(document.getElementById('lightgallery'));
//MARKUP
<div id="lightgallery" class="light-gallery-wrap">
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
<a href="https://via.placeholder.com/1600x900">
<img src="https://via.placeholder.com/1600x900" alt="">
</a>
</div>
