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

Click here to show the lightbox
                        <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

Click here to show the lightbox
                        <a class="lightbox" href="http://www.youtube.com/watch?v=a8fHgx9mE5U">
 Click here to show the lightbox
</a>

Vimeo video

Click here to show the lightbox
                        <a class="lightbox" href="http://vimeo.com/59785024">
 Click here to show the lightbox
</a>

License

This software is licensed under MIT