MyAmbience Plugin you can choose your environment
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.