Get started with blueimp-gallery CDN

MIT licensed

Blueimp Gallery is a popular, feature-rich JS image gallery component.

Tags:
  • image
  • video
  • gallery
  • carousel
  • lightbox
  • mobile
  • desktop
  • touch
  • responsive
  • swipe
  • mouse
  • keyboard
  • navigation
  • transition
  • effects
  • slideshow
  • fullscreen

Stable version

Copied!

How to start using blueimp-gallery CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with blueimp-gallery CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/blueimp-gallery/3.4.0/css/blueimp-gallery.min.css">
    <script src="https://cdn.cdnhub.io/blueimp-gallery/3.4.0/js/blueimp-gallery.min.js"></script>
</head>
<body>
    <div id="gallery">
        <a href="image1.jpg" title="Image 1">
            <img src="image1.jpg" alt="Image 1">
        </a>
        <a href="image2.jpg" title="Image 2">
            <img src="image2.jpg" alt="Image 2">
        </a>
        <a href="image3.jpg" title="Image 3">
            <img src="image3.jpg" alt="Image 3">
        </a>
    </div>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            var gallery = new Blueimp.Gallery(document.getElementById('gallery'), {
                captions: true,
                fullscreen: false
            });
        });
    </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!

All versions