[Javascript] Image preloading script question (I didn't download it)...

Fri Jun 29 07:25:16 CDT 2001

I see code to call the rollover function, but I don't see the rollover 
function, or the image preload...

Cutter

*********************************************
From: Chris Nafziger <CNafziger at sauder.com>
Reply-To: javascript at LaTech.edu
To: "'javascript at LaTech.edu'" <javascript at LaTech.edu>
Subject: [Javascript] Image preloading script question (I didn't download 
it)...
Date: Thu, 28 Jun 2001 14:28:39 -0400

This code was intended to preload the UnitImages, and the UnitNumber images.
When I mouseover one of the four "Swatch" images, the other two images are
supposed to change.  They do --- but every single time I mouseover any one
of the swatches, it appears that my connection is being used, indicating
that it may very well be preloading, but if it is, the preloaded images
aren't being used.  I'm confused.  Could you please take a look at this and
let me know if you see a problem?  Thank you!

<html>

<head>
<SCRIPT LANGUAGE="JavaScript1.1">
// Allocate memory for arrays to contain images
var UnitImages = new Array()
UnitImages[0] = new Image(120, 120)
UnitImages[1] = new Image(120, 120)
UnitImages[2] = new Image(120, 120)
UnitImages[3] = new Image(120, 120)
var UnitNumberImages = new Array()
UnitNumberImages[0] = new Image(70, 20)
UnitNumberImages[1] = new Image(70, 20)
UnitNumberImages[2] = new Image(70, 20)
UnitNumberImages[3] = new Image(70, 20)
// Preload images into array
UnitImages[0].src = "images/LJO1-471-0_Image.gif"
UnitImages[1].src = "images/LJO1-205-0_Image.gif"
UnitImages[2].src = "images/LJO1-MET-0_Image.gif"
UnitImages[3].src = "images/LJO1-295-0_Image.gif"
UnitNumberImages[0].src = "images/LJO1-471-0_Number.gif"
UnitNumberImages[1].src = "images/LJO1-205-0_Number.gif"
UnitNumberImages[2].src = "images/LJO1-MET-0_Number.gif"
UnitNumberImages[3].src = "images/LJO1-295-0_Number.gif"
// Function that swaps images when onMouseover event fires
function imageOn(i)
	{	document.images["Unit"].src = UnitImages[i].src;
		document.images["UnitNumber"].src = UnitNumberImages[i].src
}
</SCRIPT>
</head>

<body>

<table border="0">
	<tr>
		<td align="center">
			<img src="images/Swatch_471.gif" border="0"
width="20" height="20" onMouseOver="imageOn(0); return true">
		</td>
		<td align="center">
			<img src="images/Swatch_205.gif" border="0"
width="20" height="20" onMouseOver="imageOn(1); return true">
		</td>
		<td align="center">
			<img src="images/Swatch_MET.gif" border="0"
width="20" height="20" onMouseOver="imageOn(2); return true">
		</td>
		<td align="center">
			<img src="images/Swatch_295.gif" border="0"
width="20" height="20" onMouseOver="imageOn(3); return true">
		</td>
	</tr>
	<tr>
		<td align="center" colspan="4">
			<img name="UnitNumber" id="UnitNumber"
src="images/LJO1-471-0_Number.gif" border="0" width="70" height="20">
		</td>
	</tr>
	<tr>
		<td align="center" colspan="4">
			<img name"Unit" id="Unit"
src="images/LJO1-471-0_Image.gif" border="0" width="120" height="120">
		</td>
	</tr>
</table>

</body>

</html>

_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
http://www.LaTech.edu/mailman/listinfo/javascript

The Past is a Memory
The Future a Dream
But Today is a Gift
That's why they call it
The Present

_________________________________________________________________
Get your FREE download of MSN Explorer at http://explorer.msn.com