Get started with jquery.mb.bgndgallery CDN

(MIT OR GPL-2.0) licensed

JQuery.mb.BGNdsGallery is a plugin for creating responsive background image galleries in jQuery.

Tags:
  • jquery-plugin
  • image
  • gallery
  • background
  • CSS3
  • effects
  • HTML5

Stable version

Copied!

How to start using jquery.mb.bgndgallery CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery.mb.bgndgallery CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mb.bgndgallery/1.9.5/css/mb.bgndGallery.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery.mb.bgndgallery/1.9.5/jquery.mb.bgndGallery.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.gallery').mbGallery({
                galleryID: 'gallery1',
                width: 940,
                height: 528,
                autoplay: true,
                pauseOnHover: true,
                shuffle: false,
                fadeSpeed: 1500,
                transitionSpeed: 500
            });
        });
    </script>
    <style>
        .gallery {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="gallery">
        <img src="image1.jpg" alt="Image 1">
        <img src="image2.jpg" alt="Image 2">
        <img src="image3.jpg" alt="Image 3">
        <!-- Add more images as needed -->
    </div>
</body>
</html>
Copied!
Copied!
Copied!

All versions