Lightly

A jQuery & CSS3 Lightbox

Demo

Installation

<link rel="stylesheet" href="lightly.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.lightly.js"></script>

Change background colour and opacity using:

<script>
	$(document).ready(function() {
		
		$('.lightly').lightly({
			'backgroundColor':'0,0,0',
			'backgroundOpacity':'0.4'
		});
		
	});
</script>

Add a class to your links:

<a href="image.png" class="lightly">Example</a>

Download

Download Version 0.2 (7.09.11)

Compatibility

• Awesome: Safari 5+, Chrome 10+, Firefox 5+, Opera 11+
• Not so awesome: IE7+

Milage may vary in older versions of all browsers.

Current Issues

• Animation in Firefox 5+ is a little weird right now.

Change Log

• [0.2] - Added image preloading
• [0.1] - Initial release