Hi All,

I am a newbie in webprogramming, but need to use an autorefresh image script. At the moment I am using this code_

<style type="text/css">
.style1 {
text-align: center;
<body style="color: #FFFFFF; background-color: #F3F3F3">
<div class="style1">
<IMG src="IMAGE URL HERE" border="1" name="refresh">
<SCRIPT language="JavaScript" type="text/javascript">
var t = 20 // Interval in Seconds
image = "IMAGE URL HERE" //URL of the Image
function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime()
document.images["refresh"].src = image+tmp
setTimeout("Start()", t*1000)
</SCRIPT> </div>


<iframe src="autorefresh.html" name="frm-content" frameborder="0" marginheight="0" marginwidth="1" scrolling="no" width="100%" style="border-style: solid; border-width: 0px" align="center" height="220" />

This is working fine for one image, but how can I apply this script to multiple images on the same page?? I need to auto refresh 10 images.. Any help will be highly appreciated.