suzie-qs
11-26-2003, 10:55 AM
I need help with a script to control how images are displayed, problem is that I cannot put the script in the head of the document, because I don't have access to that part of it. What have i done wrong here? I am getting a runtime error when I click on one of the images. At the form onload point.<Form onLoad="javascript:swap(0);"><basefont face="Tahoma" size="2"><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var aryImages = new Array(2);
aryImages[0] = "images/largeimg1.jpg";
aryImages[1] = "images/largeimage2.jpg";
for (i=0; i < aryImages.length; i++) {
var preload = new Image();
preload.src = aryImages[i];
}
function update(imgIndex) {
document['imgMain'].src = aryImages[imgIndex];
}
// End -->
</script>
<br>
<br>
<center>
<table>
<tr>
<td valign="top" align="left">
<img name="imgMain" src="" border="1">
</td>
<td width="20">
</td>
<td valign="top" align="center" valign="top">
<font face="Tahoma" size="2"><b>Click to enlarge.</b></font>
<br>
<br>
<a href="javascript:swap(0)">
<img src="imageurl/small1.jpg" border="0" width="100" height="75"></a>
<a href="javascript:swap(1)">
<img src="ImageUrl/small2.jpg" border="0" width="100" height="75"></a>
</td>
</tr>
<tr>
<td colspan="3" height="20">
</td>
</tr>
<tr>
<td valign="top" align="center" colspan="3">
<font face="Tahoma" size="-2"></font>
</td>
</tr>
</table>
</center>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
</p></form>
<!-- Begin
var aryImages = new Array(2);
aryImages[0] = "images/largeimg1.jpg";
aryImages[1] = "images/largeimage2.jpg";
for (i=0; i < aryImages.length; i++) {
var preload = new Image();
preload.src = aryImages[i];
}
function update(imgIndex) {
document['imgMain'].src = aryImages[imgIndex];
}
// End -->
</script>
<br>
<br>
<center>
<table>
<tr>
<td valign="top" align="left">
<img name="imgMain" src="" border="1">
</td>
<td width="20">
</td>
<td valign="top" align="center" valign="top">
<font face="Tahoma" size="2"><b>Click to enlarge.</b></font>
<br>
<br>
<a href="javascript:swap(0)">
<img src="imageurl/small1.jpg" border="0" width="100" height="75"></a>
<a href="javascript:swap(1)">
<img src="ImageUrl/small2.jpg" border="0" width="100" height="75"></a>
</td>
</tr>
<tr>
<td colspan="3" height="20">
</td>
</tr>
<tr>
<td valign="top" align="center" colspan="3">
<font face="Tahoma" size="-2"></font>
</td>
</tr>
</table>
</center>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
</p></form>