Fork me on GitHub

jquery-lightbox
by Leandro Vieira Pinho

A jQuery plugin, inspired and based on Lightbox 2 by Lokesh Dhakar

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery's selector.

lightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.

Dependencies

jquery (tested on 1.2.3 – 1.6.2)

Install

Copy jquery.lightbox.min.js, jquery.lightbox.css and the images from the images folder to the proper locations of your project.

Use:

$(function() {
  var settings = {fixedNavigation:true};
  $('#gallery a').lightBox(settings);
});

Example

Click here to view examples.

License

http://creativecommons.org/licenses/by-nd/2.5/br/

Author

Leandro Vieira Pinho - http://leandrovieira.com (original project page)

Contributors

Ivaylo Stamatov (http://avioli.name)

Changelog

2014.05
  • Add example how to use multiple groups on a single page, simultaneously.
2011.08
  • Added rel="lightbox[groupName]" tag to group images
  • Added shrinkToFit setting to shrink images to fit the viewport.

Download

You can download this project in either zip or tar formats.

You can also clone the project with Git by running:

$ git clone git://github.com/avioli/jquery-lightbox