Step I:
<body onload="showimg()">
<img id="img1" runat="server" width="120px" />
</body>
Note:->Here we call a js function(showimg()) on the onload event.
Step 2:->Create a javascript function(showimg()) in the tag:
function showimg()
{
document.getElementById('img1').src="Water lilies.jpg";
setTimeout("show2()",1000);
}
function show2()
{
document.getElementById('img1').src="Winter.jpg";
setTimeout("show3()",1000);
}
function show3()
{
document.getElementById('img1').src="Sunset.jpg";
setTimeout("show4()",1000);
}
function show4()
{
document.getElementById('img1').src="Blue hills.jpg";
setTimeout("show()",1000);
}
In the above function, setTimeout will disapper that image after defined time in the parameters