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:
jLouvre on Google Code.
Drop me a tweet at
@jurajivan.
Changelog
version 1.0 (10th Oct 2009)
You can find more of my photos on flickr:
flickr.com/photos/jurosik.















