Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A simple image lightbox for Twitter Bootstrap
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
blightbox
screenshot
README.md

README.md

Blightbox - A simple image lightbox for Twitter Bootstrap

I needed a simple lightbox that blends with Twitter Bootstrap. Blightbox is exactly that. It uses jQuery and Bootstrap (including the Bootstrap Modal javascript). Currently it supports single / multiple images and left / right keyboard bindings.

Blightbox screenshot

Usage

Just include the Javascript and CSS in your HTML-document and create a link to the full-size image. Specify the data-blightbox attribute and, optionally, a relation attribute and a title attribute. Images will be grouped by their relation attribute.

<a href="full-size-image.jpg" data-blightbox="blightbox" rel="single-gallery-id">
    <img src="thumb-size-image.jpg" title="Image title" />
</a>
Something went wrong with that request. Please try again.