Fancybox

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

Usage

Fancybox

HTML

CSS


<!-- Vendor Stylesheets -->
<link href="../assets/vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.css" rel="stylesheet">

JavaScript


<!-- Vendor Javascripts -->
<script src="../assets/vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.js"></script>

Gallery

You can easily create a gallery of fancybox images by changing the data-fancybox="" attribute to the same name. For example: data-fancybox="gallery"

For more Details see Fancybox 3 Documentation

Usage
Gallery