css site

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">

	<title>Full Page Background Image | CSS #2</title>

	<style>

		#bg {
			position:fixed;
			top:-50%;
			left:-50%;
			width:200%;
			height:200%;
		}
		#bg img {
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			margin:auto;
			min-width:50%;
			min-height:50%;
		}

			</style>
</head>

<body>


	<!-- At bottom, 'cause it's not really content -->
	<div id="bg">
		<img src="bg.png" alt="">
	</div>

</body>

</html>

<center>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">


</script>

<script type="text/javascript">

var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [563, 669], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i1295.photobucket.com/albums/b635/Pieter_van_Gool/golddigger5647totaal_zpsaa06cb93.jpg", "", "", "Subscribe to win a gift-code !"],
["images/fruits.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Have fun with your account!"],
["images/pool.jpg"],
["images/cave.jpg", "", "", "spread the word of this site !"] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler",
oninit: function(){
jQuery('#' + this.setting.wrapperid + ' .gallerylayer').each(function(){
jQuery(this).find('img').each(function(i){
jQuery(this).attr('usemap', '#' + (i + 1));
});
});
}
})


</script>

<map name="#1">
<area shape="rect" coords="72,325,260,360" href="http://adf.ly/QqDnZ" alt="download this accounts">
<area shape="rect" coords="72,370,260,405" href="https://www.youtube.com/mangamen00" alt="testaccount">
<area shape="rect" coords="72,414,260,450" href="http://mcpremaccounts.webs.com/donate-3" alt="testaccount">
<area shape="rect" coords="72,465,162,495" href="http://adf.ly/QqDnZ" alt="testaccount">
<area shape="rect" coords="175,465,260,495" href="http://adf.ly/QqDnZ" alt="testaccount">
</map>


<div id="fadeshow1"></div>

<br />

<div id="fadeshow2"></div>

<div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
<a href="#" class="prev"><img src="http://i1295.photobucket.com/albums/b635/Pieter_van_Gool/Knipsel_zps33810075.jpg" style="border-width:0" /></a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="http://s8.gva.be/ahimgpath/assets_img_gvl/2012/06/06/2269425/milquet-motorbende-satudarah-mc-kan-voorlopig-niet-verboden-worden-id3047614-1000x800-n." style="border-width:0" /></a>
</div>

</center>