Get started with lightgallery CDN
MIT licensed
LightGallery: Responsive plugin for elegant, customizable media galleries.
Tags:- gallery
- lightbox
- image
- video
- jquery
- plugin
- responsive
- css
- javacript
- touch
- swipe
Stable version
Copied!
How to start using lightgallery CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with lightgallery CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-theme-default.min.css" />
<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
<script src="https://cdn.cdnhub.io/lightgallery/2.7.2/lightgallery.min.js"></script>
</head>
<body>
<div style="text-align: center;">
<button id="gallery-btn">Open Gallery</button>
</div>
<script>
document.getElementById('gallery-btn').addEventListener('click', function() {
new Lightgallery(document.createElement('div'), {
sources: [
{
src: 'image1.jpg',
thumb: 'image1-thumb.jpg'
},
{
src: 'image2.jpg',
thumb: 'image2-thumb.jpg'
},
{
src: 'image3.jpg',
thumb: 'image3-thumb.jpg'
}
],
thumbnail: true,
autoplay: false,
loop: true
}).attach(document.body);
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
1.0.0
1.1.0
1.1.1
1.1.2
1.1.3
1.1.4
1.1.5
1.1.6
1.10.0
1.2.0
1.2.1
1.2.10
1.2.11
1.2.12
1.2.13
1.2.14
1.2.15
1.2.16
1.2.17
1.2.18
1.2.19
1.2.2
1.2.20
1.2.21
1.2.3
1.2.4
1.2.5
1.2.6
1.2.7
1.2.8
1.2.9
1.3.0
1.3.1
1.3.2
1.3.3
1.3.4
1.3.5
1.3.6
1.3.7
1.3.8
1.3.9
1.4.0
1.5.0
1.6.0
1.6.1
1.6.10
1.6.11
1.6.12
1.6.13
1.6.14
1.6.2
1.6.3
1.6.4
1.6.5
1.6.6
1.6.7
1.6.8
1.6.9
1.7.0
1.7.1
1.7.2
1.7.3
1.8.0
1.8.1
1.8.2
1.8.3
1.9.0
1.9.1-beta-0
2.1.0
2.1.0-beta.0
2.1.0-beta.1
2.1.0-beta.2
2.1.0-beta.4
2.1.1
2.1.2
2.1.3
2.1.4
2.1.4-beta.0
2.1.5
2.1.6
2.1.7
2.1.8
2.2.0
2.2.0-beta.0
2.2.0-beta.1
2.2.0-beta.2
2.2.0-beta.3
2.2.0-beta.4
2.2.0-beta.5
2.2.1
2.3.0
2.3.0-beta
2.3.0-beta-1
2.3.0-beta.2
2.3.0-beta.3
2.3.0-beta.4
2.4.0
2.4.0-beta.0
2.5.0
2.5.0-beta.1
2.5.0-beta.2
2.5.0-beta.3
2.5.0-beta.4
2.5.0-beta.5
2.6.0
2.6.0-beta.1
2.6.0-beta.2
2.6.1
2.7.0
2.7.0-beta.0
2.7.1
2.7.1-beta.0
2.7.1-beta.1
*** 2.7.2
2.7.2-beta.0
2.7.2-beta.1
2.8.0-beta.1