JSFiddle - React, Tailwind, and code Playground
by sachin377
HTML
<script src="http://sachinchoolur.github.io/lightGallery/light-gallery/js/lightGallery.js"></script>
<link rel="stylesheet" href="http://sachinchoolur.github.io/lightGallery/light-gallery/css/lightGallery.css">
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<div class="gallery-view">
<div class="row" id="lightGallery">
<div class="col-xs-6 col-md-3" data-title="title1" data-desc="description1" data-src="http://sachinchoolur.github.io/lightGallery/img/img1.jpg"> <a class="img-thumbnail" href="javascript:void(0)" > <img class="img-responsive" src="http://sachinchoolur.github.io/lightGallery/img/thumb1.jpg" alt="100%x180"> </a> </div>
<div class="col-xs-6 col-md-3" data-title="title2" data-desc="description2" data-src="http://sachinchoolur.github.io/lightGallery/img/img2.jpg"> <a class="img-thumbnail" href="javascript:void(0)" > <img class="img-responsive" src="http://sachinchoolur.github.io/lightGallery/img/thumb2.jpg" alt="100%x180"> </a> </div>
<div class="col-xs-6 col-md-3" data-title="title3" data-desc="description3" data-src="http://sachinchoolur.github.io/lightGallery/img/img3.jpg"> <a class="img-thumbnail" href="javascript:void(0)" > <img class="img-responsive" src="http://sachinchoolur.github.io/lightGallery/img/thumb3.jpg" alt="100%x180"> </a> </div>
<div class="col-xs-6 col-md-3" data-title="title4" data-desc="description4" data-src="http://sachinchoolur.github.io/lightGallery/img/img4.jpg"> <a class="img-thumbnail" href="javascript:void(0)" > <img class="img-responsive" src="http://sachinchoolur.github.io/lightGallery/img/thumb4.jpg" alt="100%x180"> </a> </div>
<div class="col-xs-6 col-md-3" data-title="title5" data-desc="description5" data-src="http://sachinchoolur.github.io/lightGallery/img/img5.jpg"> <a class="img-thumbnail" href="javascript:void(0)" > <img class="img-responsive" src="http://sachinchoolur.github.io/lightGallery/img/thumb5.jpg" alt="100%x180"> </a> </div>
<div class="col-xs-6...JavaScript
$('#lightGallery').lightGallery({
caption: true,
desc: true,
easing:'cubic-bezier(0.25, 0, 0.25, 1)'
});