Html code-
<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://i43.tinypic.com/2di1254.jpg"
style = "height:272px; width:333px" />
<img src="http://i39.tinypic.com/343op3p.jpg"
style = "height:272px; width:333px" />
<img src="http://i41.tinypic.com/jr9zd1.jpg"
style = "height:275px; width:333px" /> </div> </form></body></html>