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
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 2,301
Downloads 713
CodeID
DB ID