<!doctype html>
<html>
	<head>
		<title>Simple slider with images</title>
		<style>
			#myslider { position:absolute; top:50%; left:50%; margin:-306px 0 0 -306px; }
			#myslider img{ position:absolute; top:0; left:0; }
		</style>
	</head>
	<body>
		<div id="myslider">
			<img src="http://placekitten.com/g/612/612"/>
			<img src="http://distilleryimage5.s3.amazonaws.com/de66967ac72111e2a23222000aaa0537_7.jpg"/>
			<img src="http://distilleryimage8.s3.amazonaws.com/a042749ac72111e28c3c22000a1fb85a_7.jpg"/>
			<img src="http://distilleryimage4.s3.amazonaws.com/8d32600ec72111e29f1422000a1fbc0e_7.jpg"/>
		</div>
	</body>
	<script src="../src/simpleslider.js"></script>
	<script>
		var imgSlider = new SimpleSlider( document.getElementById('myslider'), {autoPlay:true} );
	</script>
</html>

<!doctype html>
<html>
	<head>
		<title>Simple slider with images</title>
		<style>
			#myslider { width:612px; height:612px; position:absolute; top:50%; left:50%; margin:-306px 0 0 -306px; }
			#myslider img{ position:absolute; top:0; left:0; }
		</style>
	</head>
	<body>
		<div id="myslider">
			<img src="http://placekitten.com/g/612/612"/>
			<img src="http://distilleryimage5.s3.amazonaws.com/de66967ac72111e2a23222000aaa0537_7.jpg"/>
			<img src="http://distilleryimage8.s3.amazonaws.com/a042749ac72111e28c3c22000a1fb85a_7.jpg"/>
			<img src="http://distilleryimage4.s3.amazonaws.com/8d32600ec72111e29f1422000a1fbc0e_7.jpg"/>
		</div>
	</body>
	<script src="../src/simpleslider.js"></script>
	<script>
		var imgSlider = new SimpleSlider( document.getElementById('myslider'), {autoPlay:true} );
	</script>
</html>

Fix size of slider on fading example
Fix size of slider on fading example
