Hi All,
I am a newbie in webprogramming, but need to use an autorefresh image script. At the moment I am using this code_
<head>
<style type=”text/css”>
.style1 {
text-align: center;
}
</style>
</head>
<hr>
<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)
}
Start();
</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″ />
</iframe>
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.