Responsive lightbox image gallery jquery

Bootstrap Responsive Lightbox Gallery using Bootstrap
Bootstrap Responsive Lightbox Gallery using Bootstrap
Bootstrap Responsive Lightbox Gallery using Bootstrap

Hello Friends here i am going to provide you the Bootstrap Responsive lightbox gallery with complete source code, this responsive lightbox image gallery jquery is completely ready to use just download the lightbox gallery from schauhan.in and enjoy Responsive lightbox gallery.

How to Create Responsive Lightbox Gallery

Creating lightbox gallery is very simple here you can learn how to create lightbox gallery.

Step-1: First of All Download the zip folder by clicking free download and add the css and js files in your head section.
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="stylesheet" href="dist/simple-lightbox.css?v2.2.1" />
<script src="dist/simple-lightbox.js?v2.2.1"></script>
    <script>
        (function () {
            var $gallery = new SimpleLightbox('.gallery a', {});
        })();
    </script>
Step-2 Now Add Html code in your body section where you want to show lightbox gallery.
	
<div class="conrainer">
	<div class="gallery">
       <a href="images/01.jpg" class="big"><img src="images/01.jpg" alt="" title="Beautiful Image" /></a>
       <a href="images/02.jpg"><img src="images/02.jpg" alt="" title="Beautiful Image" /></a>
       <a href="images/03.jpg"><img src="images/03.jpg" alt="" title="Beautiful Image" /></a>
       <a href="images/04.jpg"><img src="images/04.jpg" alt="" title="Beautiful Image" /></a>
       <a href="images/05.jpg"><img src="images/05.jpg" alt="" title="Beautiful Image" /></a>
       <a href="images/06.jpg"><img src="images/06.jpg" alt="" title="Beautiful Image" /></a>
      <div class="clear"></div>
    </div>
</div>

Leave a Reply

avatar
  Subscribe  
Notify of