جعبه نور
فالکون از GLightbox برای لایت باکس استفاده می کند. Glightbox یک لایت باکس جاوا اسکریپت خالص است. این می تواند تصاویر، آی فریم ها، محتوای درون خطی و ویدیوها را با پخش خودکار اختیاری برای YouTube، Vimeo و حتی ویدیوهای خود میزبان نمایش دهد.
اسناد GLightboxگالری
<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>
تصویر ساده
فایل CSS
<link href="vendors/glightbox/glightbox.min.css" rel="stylesheet" />
جاوا اسکریپت
<script src="vendors/glightbox/glightbox.min.js"></script>