Glightbox
Glightbox is a pure javascript lightbox. It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self hosted videos.
GLightbox DocumentationGallery
<div class="row mx-n1">
<div class="col-6 p-1">
<a class="post1" href="../assets/img/generic/4.jpg" data-gallery="gallery-1">
<img class="img-fluid rounded" src="../assets/img/generic/4.jpg" alt="" />
</a>
</div>
<div class="col-6 p-1">
<a class="post1" href="../assets/img/generic/5.jpg" data-gallery="gallery-1">
<img class="img-fluid rounded" src="../assets/img/generic/5.jpg" alt="" />
</a>
</div>
<div class="col-4 p-1">
<a class="post1" href="../assets/img/gallery/4.jpg" data-gallery="gallery-1">
<img class="img-fluid rounded" src="../assets/img/gallery/4.jpg" alt="" />
</a>
</div>
<div class="col-4 p-1">
<a class="post1" href="../assets/img/gallery/5.jpg" data-gallery="gallery-1">
<img class="img-fluid rounded" src="../assets/img/gallery/5.jpg" alt="" />
</a>
</div>
<div class="col-4 p-1">
<a class="post1" href="../assets/img/gallery/3.jpg" data-gallery="gallery-1">
<img class="img-fluid rounded" src="../assets/img/gallery/3.jpg" alt="" />
</a>
</div>
</div>Simple Image
<a href="../assets/img/generic/11.jpg" data-gallery="gallery-2">
<img class="img-fluid rounded" src="../assets/img/generic/11.jpg" alt="" width="300" />
</a>Stylesheet
<link href="vendors/glightbox/glightbox.min.css" rel="stylesheet" />Javascript
<script src="vendors/glightbox/glightbox.min.js"></script>
