Lightbox Gallery In jQuery – LightGallery.js

Javascript Lightbox Gallery: LightGallery.js
File Size:3112.21 KB
Views Total:416
Last Update:January 10, 2018
Publish Date:January 10, 2018
Official Website:Go to website
License:MIT

Lightgallery is a type of the lightweight kind of plugin that helps in the function of modular responsive lightbox gallery, it allows and helps us to create the beautiful and pretty images and the new video galleries. Lightgallery helps us to create the animated thumbnails for the gallery with the assistance of the thumbnail plugin. It helps in the support for the touch navigation on the touchscreen for the devices as well as the mouse that is used for the frag for the desktops. It allows for the navigation.

How to use :

1. Add lightgallery.css in the <head> of the document :

<link rel="stylesheet" href="css/lightgallery.css">

2.  include lightgallery.min.js into your document :

<script src="js/lightgallery.min.js"></script>

    <!-- lightgallery plugins -->
    <script src="js/lg-thumbnail.min.js"></script>
    <script src="js/lg-fullscreen.min.js"></script>

3.  Add you to use the following markup :

<div id="lightgallery">
    <a href="img/img1.jpg">
        <img src="img/thumb1.jpg">
    </a>
    <a href="img/img2.jpg">
        <img src="img/thumb2.jpg">
    </a>
    ...
</div>

4. Finally you need to initiate the gallery by adding the following code :

<script>
    lightGallery(document.getElementById('lightgallery'));
</script>

Done

Change Log

 

Version 1.0.1 release

Fix zoom transition
performance issues on chrome.

Version 1.0.0 release
Add commercial license.

Version 0.0.3 release
Fix a spelling mistake

Version 0.0.2 release
Touch-Swipe not working

Version 0.0.1 release