Tutorial

1. Paste this code in your header:

				
<link href="ambience/ambience.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><!--ambience plugin-->
<script src="ambience/ambience.js" type="text/javascript"></script>
<script type='text/javascript'> 	
	$(document).ready(function(){
		$('body').myAmbience({
			images: [ //put images paths into array
			'url("ambience/sun.jpg")',
			'url("ambience/rain.jpg")',
			'url("ambience/crows.jpg")',
			'url("ambience/candle.jpg")'
			],
			thumbnails: [ //put thumbnails paths into array
			'url("ambience/small/sun.jpg")',
			'url("ambience/small/rain.jpg")',
			'url("ambience/small/crows.jpg")',
			'url("ambience/small/candle.jpg")'
			],
			transparency: 0.5,
			speed:700
		});	
	});
</script><!--/ambience plugin-->		
				
				

2. Download the plugin and unzip it.

3. Copy the 'ambiance' folder in your root directory.