lightgallery-js

ui-component modal animation

lightgallery-js is a full featured lightbox gallery library with no external dependencies. It provides various features for beautifully presenting images, videos, and HTML content.

Latest Ver 1.4.0

Homepage

Github

5,330

Capturing light, creating galleries.

Experience a modern gallery display for your photos and videos.

lightgallery-js is a lightbox gallery for beautifully presenting images, videos, and HTML.

CDN Download

License: GPLv3

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/js/lightgallery.js

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/js/lightgallery.min.js

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lg-fb-comment-box.css

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lg-fb-comment-box.min.css

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lg-transitions.css

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lg-transitions.min.css

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lightgallery.css

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lightgallery.min.css

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lg-fb-comment-box.css.map

https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lg-transitions.css.map

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id="lightgallery"><a href="path-to-image.jpg"><img src="thumbnail-image.jpg"/></a></div><script src="https://cdn.jsdelivr.net/npm/lightgallery.js"></script><script>lightGallery(document.getElementById('lightgallery'));</script>

🎨 External CSS
<link href="https://cdn.jsdelivr.net/npm/lightgallery.js/dist/css/lightgallery.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdn.jsdelivr.net/npm/lightgallery.js"></script>

⚙️ JavaScript
lightGallery(document.getElementById('lightgallery'));