snitchbot | Dashboard & Remote Field Sensing

Fancybox

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.

Example

<a href="../assets/img/generic/2.jpg" data-fancybox data-caption="Image caption">
  <img class="rounded w-100" src="../assets/img/generic/2.jpg" alt="">
</a>

Gallery

<div class="row no-gutters">
  <div class="col-4 px-1"><a href="../assets/img/gallery/1.jpg" data-fancybox="gallery" data-caption="Image caption"><img class="rounded w-100" src="../assets/img/gallery/1.jpg" alt="" /></a>
  </div>
  <div class="col-4 px-1"><a href="../assets/img/gallery/2.jpg" data-fancybox="gallery" data-caption="Image caption"><img class="rounded w-100" src="../assets/img/gallery/2.jpg" alt="" /></a>
  </div>
  <div class="col-4 px-1"><a href="../assets/img/gallery/3.jpg" data-fancybox="gallery" data-caption="Image caption"><img class="rounded w-100" src="../assets/img/gallery/3.jpg" alt="" /></a>
  </div>
</div>

Stylesheet

<link href="assets/lib/fancybox/jquery.fancybox.min.css" rel="stylesheet">

Javascript

<script src="assets/lib/fancybox/jquery.fancybox.min.js"></script>