Lightbox

Falcon uses GLightbox for lightbox. 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 Documentation
Gallery
<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>

Thank you for creating with Falcon |
2021 © Themewagon

v3.2.0

customize