HELP!!! Preloaded images for rollovers will not work. 2

ID10T16 · Dec 14, 2000

Here is my code:
<html>
<head>
<script>
var button1= new Image();
button1.src="AdminButton1.gif";
var button2=new Image();
button2.src="AdminButton1.gif";
</script>

</head>

<a href="#" onMouseOver="document.images[button2].src=button2.src"

onMouseOut="document.images[button1].src=button1.src"
><img src="AdminButton1.gif"/></a>
</body>
</html>

When i start the page, I get the error message:
Line: 12
Char: 1
Error: 'document.images[...]'is null or not an object.
Code: 0

I don't know what's going on, but I need this to be working really soon. Thanx in advance for all your help.

tanderso · Dec 14, 2000

That's because you didn't name your button.

Code:

<a href=&quot;#&quot; onMouseover=&quot;document.images.button.src=button2.src;&quot; onMouseout=&quot;document.images.button.src=button1.src;&quot;>
<img src=&quot;AdminButton1.gif&quot; name=&quot;button&quot;></a>

Sincerely,

Tom Anderson
CEO, Order amid Chaos, Inc.

http://www.oac-design.com

palbano · Dec 14, 2000

This works in IE 4 and 5 and N... 4.06 on NT 4 Workstation

var g_images = new Array();
g_images[0] = new Image();
g_images[0].src = "/images/amazon.jpg";
g_images[1] = new Image();
g_images[1].src = "/images/msdnlogo.jpg";

function imgRotate(nIndex){

// make sure the resource is finished downloading before
// trying to use it!
if ( g_images[1].complete)
document.images[0].src = g_images[nIndex].src;
}

//-->
</SCRIPT>
</HEAD>
<BODY>

Rollovers<br>
<a href="#"
onmouseover="imgRotate(1)"
onmouseout="imgRotate(0)"><img src="/images/amazon.jpg"></a>

Hope this helps
-pete

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

HELP!!! Preloaded images for rollovers will not work. 2

ID10T16

Technical User

tanderso

IS-IT--Management

palbano

Programmer

Similar threads

Part and Inventory Search

Sponsor