jQuery Lighter

Lighter is a jQuery plugin designed to provide gallery view for images.

Example

Installation

To install download one of these packages and include the jquery.lighter.js and jquery.lighter.css files in your head with the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="javascript/jquery.lighter.js" type="text/javascript"></script>
<link href="stylesheets/jquery.lighter.css" rel="stylesheet" type="text/css" />

Example

Setting up a lighter is easy. The following snippet is a good start:

<a href="samples/sample-01.jpg" data-lighter>
  <img src="samples/preview-01.jpg" />
</a>
<a href="samples/sample-02.jpg" data-lighter>
  <img src="samples/preview-02.jpg" />
</a>
<a href="samples/sample-03.jpg" data-lighter>
  <img src="samples/preview-03.jpg" />
</a>
<a href="samples/sample-04.jpg" data-lighter>
  <img src="samples/preview-04.jpg" />
</a>
<a href="samples/sample-05.jpg" data-lighter>
  <img src="samples/preview-05.jpg" />
</a>
<a href="samples/sample-06.jpg" data-lighter>
  <img src="samples/preview-06.jpg" />
</a>

GitHub Google Twitter