Hi All,
I have HTML script.
This script is to load some images.
Because of using IP-camera that every 5 sec transferring images to
the folders. I want to the script also is able to read images from the
FOLDERs. and of course need to show the changes every (let's say) in
7-10 seconds (TimeOut 7000-10000).
Thanks so much.
How to modifiy this
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>2tables</title>
<script type="text/javascript">
<!--
// This part Need to modify? Loading images from FOLDERS
var image1=new Image()
image1.src="img1.jpg"
var image2=new Image()
image2.src="img2.jpg"
var image3=new Image()
image3.src="img3.jpg"
var image4=new Image()
image4.src="img4.jpg"
var image5=new Image()
image5.src="img5.jpg"
var image6=new Image()
image6.src="img6.jpg"
//-->
</script>
// -------------End modification ?----------------
</head>
<body>
<big style="text-decoration: underline;"><big><big><big><big><span style="font-weight: bold;">camera</span></big></big></big></big></big><br>
<table style="text-align: left; width: 784px; height: 296px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 369px; text-align: center;" valign="undefined">
<img src="1.jpg" name="slide1" height="280" width="300"></td>
<td style="width: 369px; text-align: center;" valign="undefined">
<img src="2.jpg" name="slide2" height="280" width="300"></td>
</tr>
</tbody>
</table>
<br>
<script language="javascript">
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide1.src=eval("image"+step+".src")
document.images.slide2.src=eval("image"+step+".src")
if (step<6)
step++
else
step=1
//call function "slideit()" every 1 second
setTimeout("slideit()",1000)
}
slideit()
//-->
</script>
</body>
</html>