Lightbox gallery - lightgallery

0 votes
added Mar 27, 2019 in Plugins by LC Marshal Captain (25,790 points)


// With bower
$ bower install lightgallery --save

// With NPM
npm install lightgallery

// Install the full list dependencies of lightgallery
$ bower/npm install lightgallery lg-thumbnail lg-autoplay lg-video lg-fullscreen lg-pager lg-zoom lg-hash lg-share

// Or CDN
<link rel="stylesheet" type="text/css" href="">
<script src="[email protected]/dist/js/lightgallery.min.js"></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>



$(document).ready(function() {
      download: false,


Usage on gallery

<div id="lightgallery">
<a class="col-md-4" href="<?php echo $bmpa_g_img . '1.JPG'; ?>" title="title here">
  <img class="g-img" src="<?php echo $bmpa_g_thumb . '1.JPG'; ?>" />
<a class="col-md-4" href="<?php echo $bmpa_g_img . '2.JPG'; ?>" title="title here 2">
  <img class="g-img" src="<?php echo $bmpa_g_thumb . '2.JPG'; ?>" />


Learn more about API, options  docs at

1 Response

0 votes
responded Apr 20, 2019 by LC Marshal Captain (25,790 points)

For self-host video, head on here - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.