Links

Lists

Latest Updates

Ruby On Rails List
Python list
Advanced Java
The JavaScript List
Apache Users
Full Disclosure
Linux Security

Search the archives!
Having a development problem? Ask eDevelopment.org forums!

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

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

  • From: javascript@xxxxxxxxxx (Cutter Bl)
  • Subject: [Javascript] Image preloading script question (I didn't download it)...
  • Date: Fri, 29 Jun 2001 08:25:16 -0400
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@xxxxxxxxxx>
Reply-To: javascript@xxxxxxxxxx
To: "'javascript@xxxxxxxxxx'" <javascript@xxxxxxxxxx>
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@xxxxxxxxxx
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