bootstrap-media-lightbox
A lightweight and borderless media lightbox extension for bootstrap3. It supports single images, image gallieries, videos and iframes.
Singe image with link
<a class="lightbox" href="beach.jpg">
Click here to show the lightbox
</a>
Singe image with thumbnail
<a class="lightbox" href="beach.jpg">
<img src="beach-thumbnail.jpg" class="img-thumbnail" />
</a>
Singe image with thumbnail and caption
<a id="my-lightbox" href="beach.jpg" title="This is a beach" >
<img src="beach-thumbnail.jpg" class="img-thumbnail" />
</a>
Singe image with thumbnail and javascript call
<a class="lightbox" href="beach.jpg">
<img src="beach-thumbnail.jpg" class="img-thumbnail" />
</a>
<script type="text/javascript">
jQuery('#my-lightbox').lightbox();
</script>
Image Gallery
<a class="lightbox" href="beach.jpg" title="This is a beach" >
<img src="beach-thumbnail.jpg" class="img-thumbnail" />
</a>
<a class="lightbox" href="horse.jpg" title="This is a horse" >
<img src="horse-thumbnail.jpg" class="img-thumbnail" />
</a>
Youtube video
<a class="lightbox" href="http://www.youtube.com/watch?v=a8fHgx9mE5U">
Click here to show the lightbox
</a>
Vimeo video
<a class="lightbox" href="http://vimeo.com/59785024">
Click here to show the lightbox
</a>