On my personal web site I have graphics that are links to other pages. I wanted to have the graphic change when there was a mouse over it and for it to start loading the graphic as soon as it could instead of waiting for the mouseover event.

So, I added some java script that allows the graphics to preload. Like this:

<script language="JavaScript">
<!-- 
    SeussOff=new Image(199, 100);
    SeussOn=new Image(199, 100); 
    SeussOff.src="shows/2004/Seuss/HpgSeussOff.jpg"; 
    SeussOn.src="shows/2004/Seuss/HpgSeussOn.jpg";
.
.

For the link I added the code that allows the graphic to change on the mouse over. Such as:

<a href="shows/2004/Seuss/default.htm" 
  OnMouseOver="SeussThumb.src='shows/2004/Seuss/HpgSeussOn.jpg'"
  OnMouseOut="SeussThumb.src='shows/2004/Seuss/HpgSeussOff.jpg'"
</a>
<img name="SeussThumb" id="SeussThumb" src="shows/2004/Seuss/HpgSeussOff.jpg" border="0" 
alt="Seussical The Musical - Click Here!" width="199" height="100" />

It works great in IE, but not in Netscape. I find that especially ironic that Java isn't working with Netscape. Well, maybe my problem is in the link logic.

Any thoughts? My gut feeling is that it's something simple, but right off hand, I'm not seeing it. If you care to see the actual page it is at www.Wonderley.com. The 3 links that are supposed to do the mouseover changes are the ones for the plays Seussical, Can-Can, and The Savage Dilemma.

However, I'll warn you. The code is not pretty. I did it in front page, which stinks and I have not yet taken much advantage of CSS.

Thanks in advance.