Lightbox2 is open-source.
View and fork the code on Github.
jsfolder to find
lightbox-2.6.min.jsand load both of these files from your html page. Load jQuery first:
<script src="js/jquery-1.10.2.min.js"></script> <script src="js/lightbox-2.6.min.js"></script>
cssfolder to find
lightbox.cssand load it from your html page:
<link href="css/lightbox.css" rel="stylesheet" />
imgfolder to find
next.png. These files are used in
lightbox.css. By default,
lightbox.csswill look for these images in a folder called
data-lightboxattribute to any image link to activate Lightbox. For the value of the attribute, use a unique name for each image. For example:
<a href="img/image-1.jpg" data-lightbox="image-1" title="My caption">image #1</a>
titleattribute if you want to show a caption.
data-lightboxattribute value for all of the images. For example:
<a href="img/image-2.jpg" data-lightbox="roadtrip">image #2</a> <a href="img/image-3.jpg" data-lightbox="roadtrip">image #3</a> <a href="img/image-4.jpg" data-lightbox="roadtrip">image #4</a>
rel="lightbox". The new
data-lightboxapproach is preferred though as it is valid html.
If you find a bug, create an issue on Github. Include your operating system and browser version along with detailed steps to reproduce the bug.
If you want a feature added, please create an issue on Github. Someone else or I might be able to help out. No guarantees.
If you have a question that is not a bug or a feature request, your best chance of getting an answer is by following these steps:
Lightbox is completely free to use. If you're using Lightbox on a commercial project and are feeling generous, consider a donation. Thanks!