jQuery Lighter

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

Example

<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>

Copyright (c) 2010 - 2013 Kevin Sylvestre.