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