Check the below sample it rotates image every 1 sec. Click on Demo button to see it working
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
window.onload = function () {
var rotator = document.getElementById("rotator");
var images = rotator.getElementsByTagName("img");
for (var i = 0; i < images.length; i++) {
images[i].style.display = "none";
}
images[0].style.display = "block";
var counter = 0;
setInterval(function () {
for (var i = 0; i < images.length; i++) {
images[i].style.display = "none";
}
images[counter].style.display = "block";
counter++;
if (counter == images.length) {
counter = 0;
}
}, 1000);
};
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="rotator">
<img src="http://www.aspforums.net/Avatars/vinayak.jpg?634644422222970000" style = "height:45px;width:45px" />
<img src="http://www.aspforums.net/Avatars/mudassar.jpg?634644422222970000" style = "height:45px;width:45px" />
<img src="http://www.aspforums.net/Avatars/vikassingh.jpg?634644422222970000" style = "height:45px;width:45px" />
</div>
</form>
</body>
</html>
Demo