Overview Official Website

Glightbox is a touchable Pure Javascript lightbox with images and video support.

CSS

<!-- glightbox css -->
<link rel="stylesheet" href="{{url_for('static' ,filename='libs/glightbox/dist/css/glightbox.min.css')}}">

Javascript

<!-- glightbox js -->
<script src="{{url_for('static' ,filename='libs/glightbox/dist/js/glightbox.min.js')}}"></script>

Initjs (Custom js)

<!-- gallary init -->
<script src="{{url_for('static' ,filename='js/pages/gallery.init.js')}}"></script>

Add Package

yarn add glightbox --save

Remove Package

yarn remove glightbox or you can remove package by removing specific package from package.json

var lightbox = GLightbox({
    selector: '.image-popup',
    title: false,
});