< Return to article

Cross-fading Slideshow


<script type="text/javascript">
	var ss = new Slideshow('example', {duration:3, uri : ['image1.jpg','image2.jpg','image3.jpg','image4.jpg','image5.jpg','image6.jpg']});
</script>


body {
	padding: 5em;
}

#content {
	width: 520px;
	height: 474px;
	text-align: center;
	background-color: #F2F2F2;
	padding: 5px;
	border: 5px solid #CCC;
}
#example {
	position: relative;
	border: 5px solid #F2F2F2;
	width: 500px;
	height: 374px;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 500px;
	height: 374px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}