jQuery Lighter

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



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="" 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" />


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 href="samples/sample-02.jpg" data-lighter>
  <img src="samples/preview-02.jpg" />
<a href="samples/sample-03.jpg" data-lighter>
  <img src="samples/preview-03.jpg" />
<a href="samples/sample-04.jpg" data-lighter>
  <img src="samples/preview-04.jpg" />
<a href="samples/sample-05.jpg" data-lighter>
  <img src="samples/preview-05.jpg" />
<a href="samples/sample-06.jpg" data-lighter>
  <img src="samples/preview-06.jpg" />

Copyright (c) 2010 - 2015 Kevin Sylvestre