This example shows how to use timer to switch images automatically. See the following
example;
How to do it? It sets up 1 second timer to dynamically switch images. Copy the following javascript to <head></head> section in your page.
<SCRIPT language="javascript"> //<!------- clockImg = new Array(3); clockImg[1] = new Image(); clockImg[1].src="images/bird.gif"; clockImg[2] = new Image(); clockImg[2].src="images/dog.gif"; clockImg[3] = new Image(); clockImg[3].src="images/pig.gif"; var ii=1; var tempSpeed=1000; var timerID=null; function clockSpeed() { clearTimeout(timerID); upDate(); } function upDate() { if (ii<3) ii++; else ii=1; document.banner.src=clockImg[ii].src; timerID=setTimeout("upDate()", tempSpeed); } //--> </SCRIPT> <a href="http://www.kidslovepc.com">www.kidslovepc.com copyright </a>
Choose your images. Put one in your web page like this:
<img name="banner" src="yourimagefile"> Insert the following code to <body> tag: <body onload="clockSpeed()">
<img name="banner" src="yourimagefile">
Insert the following code to <body> tag:
<body onload="clockSpeed()">
This
example shows how to use timer to switch images automatically.
See the following 
How
to do it? It sets up 1 second timer to dynamically switch images.
Copy the following javascript to <head></head> section
in your page. 
Choose
your images. Put one in your web page like this:
