Bootstrap lightbox

Simple easy bootstrap lightbox
From http://jbutz.github.io/bootstrap-lightbox/


Step 1:
Add line below between <head></head>
<link rel="stylesheet" href="assets/css/bootstrap-lightbox.min.css">

Step 2:
Add line below after bootstrap.js call
<script src="assets/js/bootstrap-lightbox.min.js"></script>

Step 3:
Place the lightbox window anywhere
<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
 <div class='lightbox-content'>
  <img src="image.png">
  <div class="lightbox-caption"><p>Your caption here</p></div>
 </div>
</div>

Step 4:
Put the link to open the lightbox
<a data-toggle="lightbox" href="#demoLightbox">Open Lightbox</a>

Step 5:
Enjoy lightbox

Views 393 Downloads 181

'jquery', 'bootstrap css and js', 'bootstrap', 'lightbox', 'fancybox', 'window', 'modal', 'popup', 'NotMyWork', 'bootstrap', 'bs3', 'bs4', 'jquery', 'image', 'picture', 'script'

ANmarAmdeen
549
Multimedia JS+JQuery
Revisions

v1.0