jLouvre

jLouvre is inline jQuery gallery plugin with unique urls and keyboard support, example below...


Usage

Link to jQuery (1.3+), jlouvre.js and jlouvre.css

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script src="plugins/jlouvre/jquery.jlouvre.js" type="text/javascript"></script> <link href="plugins/jlouvre/jlouvre.css" rel="stylesheet" type="text/css" />

DOM structure with unordered list:

<div id="gallery"> <ul id="thumbs"> <li> <a href="image.jpg" class="thumb" id="picture_6" title="Caption"> <img src="thumb.jpg" alt="img" /> </a> </li> </ul> </div>

Load plugin:

<script type="text/javascript"> $('#gallery').jlouvre(); </script>

Load plugin with options:

<script type="text/javascript"> $('#gallery').jlouvre({ clickToClose: true, thumbs: '#thumbs', thumb: '.thumb', image: '#image', controls: '#controls', controlPrev: '#control_prev', controlPrevTxt: 'Previous', controlNext: '#control_next', controlNextTxt: 'Next', controlClose: '#control_close', controlCloseTxt: 'Close' }); </script>
Don't forget to use jQuery 1.3 or newer

Support

Do you like my plugin? You can buy me a beer via PayPal. And tell your friends about it. Thanks :)


Feedback

Submit your feedback and ideas: icon jLouvre on Google Code.

Drop me a tweet at icon @jurajivan.


Changelog

version 1.0 (10th Oct 2009)



You can find more of my photos on flickr: icon flickr.com/photos/jurosik.