im posting some code that i have and the mouse overs work fine but the pics dont come up on the screen untill i come over them with the mouse. and then they stay there and work but they dont load when they come in the page.. heres the code maybe you can figuer it out:
<html>
<head>
<script language = "JavaScript">
picture1=new Image();
picture2=new Image();
picture3=new Image();
picture4=new Image();
picture5=new Image();
picture6=new Image();
picture7=new Image();
picture8=new Image();
picture9=new Image();
picture10=new Image();
picture11=new Image();
picture12=new Image();
picture13=new Image();
picture14=new Image();
picture15=new Image();
picture16=new Image();
picture17=new Image();
picture18=new Image();
picture1.src="navhome.gif";
picture2.src="navhomeglow.gif";
picture3.src="navwhat.gif";
picture4.src="navwhatglow.gif";
picture5.src="navwho.gif";
picture6.src="navwhoglow.gif";
picture7.src="navfeatures.gif";
picture8.src="navfeaturesglow.gif";
picture9.src="navversions.gif";
picture10.src="navversionsglow.gif";
picture11.src="navdemo.gif";
picture12.src="navdemoglow.gif";
picture13.src="navcontact.gif";
picture14.src="navcontactglow.gif";
picture15.src="navabout.gif";
picture16.src="navaboutglow.gif";
picture17.src="navlinks.gif";
picture18.src="navlinksglow.gif";
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>FotoZoomer</title>
</head>
<body background="fotozoomerbackground.gif">
<center>
</center>
<p> </p>
<p> </p>
<p> </p>
<p>
<span style="position: absolute; left: -18; top: 521">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link.html"
onMouseOver="mouse.src='navlinksglow.gif';"
onMouseOut="mouse.src='navlinks.gif';">
<img border="0" name="mouse" src=http://www.webdeveloper.com/forum/archive/index.php/"'navlinks.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -7; top: 333">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"version.html"
onMOuseOver="cat.src='navversionsglow.gif';"
onMouseOut="cat.src='navversions.gif';">
<img border="0" name="cat" src=http://www.webdeveloper.com/forum/archive/index.php/"'navversions.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -5; top: 199">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"wifz.html"
onMouseOver="dog.src='navwhatglow.gif';"
onMouseOut="dog.src='navwhat.gif';">
<img border="0" name="dog" src=http://www.webdeveloper.com/forum/archive/index.php/"'navwhat.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -14; top: 243">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"wnfz.html"
onMouseOver="zoom.src='navwhoglow.gif';"
onMouseOut="zoom.src='navwho.gif';">
<img border="0" name="zoom" src=http://www.webdeveloper.com/forum/archive/index.php/"'navwho.gif" width="130" height="36"></a></span></p>
<p> </p>
<p><span style="position: absolute; left: 336; top: -9">
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"theslogan.gif" width="396" height="72"></span></p>
<p> <span style="position: absolute; left: 4; top: 469">
<a href="about.html"
onMouseOver="mice.src='navaboutglow.gif';"
onMouseOut="mice.src='navabout.gif';">
<image border="0" name="mice" src=http://www.webdeveloper.com/forum/archive/index.php/"'navabout.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -7; top: 421">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html"
onMouseOver="zoomer.src='navcontactglow.gif';"
onMouseOut="zoomer.src='navcontact.gif';">
<img border="0" name="zoomer" src=http://www.webdeveloper.com/forum/archive/index.php/"'navcontact.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -15; top: 377">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"demo.html"
onMouseOver="fz.src='navdemoglow.gif';"
onMOuseOut="fz.src='navdemo.gif';">
<img border="0" name="fz" src=http://www.webdeveloper.com/forum/archive/index.php/"'navdemo.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -5; top: 289">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"feature.html"
onMouseOver="foto.src='navfeaturesglow.gif';"
onMOuseOut="foto.src='navfeatures.gif';">
<img border="0" name="foto" src=http://www.webdeveloper.com/forum/archive/index.php/"'navfeatures.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -17; top: 149">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"fotozoomer.html"
onMouseOver="home.src='navhomeglow.gif';"
onMouseOut="home.src='navhome.gif';">
<img border="0" name="home" src=http://www.webdeveloper.com/forum/archive/index.php/"'navhome.gif" width="130" height="36"></a></span></p>
</body>
</html>
<html>
<head>
<script language = "JavaScript">
picture1=new Image();
picture2=new Image();
picture3=new Image();
picture4=new Image();
picture5=new Image();
picture6=new Image();
picture7=new Image();
picture8=new Image();
picture9=new Image();
picture10=new Image();
picture11=new Image();
picture12=new Image();
picture13=new Image();
picture14=new Image();
picture15=new Image();
picture16=new Image();
picture17=new Image();
picture18=new Image();
picture1.src="navhome.gif";
picture2.src="navhomeglow.gif";
picture3.src="navwhat.gif";
picture4.src="navwhatglow.gif";
picture5.src="navwho.gif";
picture6.src="navwhoglow.gif";
picture7.src="navfeatures.gif";
picture8.src="navfeaturesglow.gif";
picture9.src="navversions.gif";
picture10.src="navversionsglow.gif";
picture11.src="navdemo.gif";
picture12.src="navdemoglow.gif";
picture13.src="navcontact.gif";
picture14.src="navcontactglow.gif";
picture15.src="navabout.gif";
picture16.src="navaboutglow.gif";
picture17.src="navlinks.gif";
picture18.src="navlinksglow.gif";
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>FotoZoomer</title>
</head>
<body background="fotozoomerbackground.gif">
<center>
</center>
<p> </p>
<p> </p>
<p> </p>
<p>
<span style="position: absolute; left: -18; top: 521">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link.html"
onMouseOver="mouse.src='navlinksglow.gif';"
onMouseOut="mouse.src='navlinks.gif';">
<img border="0" name="mouse" src=http://www.webdeveloper.com/forum/archive/index.php/"'navlinks.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -7; top: 333">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"version.html"
onMOuseOver="cat.src='navversionsglow.gif';"
onMouseOut="cat.src='navversions.gif';">
<img border="0" name="cat" src=http://www.webdeveloper.com/forum/archive/index.php/"'navversions.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -5; top: 199">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"wifz.html"
onMouseOver="dog.src='navwhatglow.gif';"
onMouseOut="dog.src='navwhat.gif';">
<img border="0" name="dog" src=http://www.webdeveloper.com/forum/archive/index.php/"'navwhat.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -14; top: 243">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"wnfz.html"
onMouseOver="zoom.src='navwhoglow.gif';"
onMouseOut="zoom.src='navwho.gif';">
<img border="0" name="zoom" src=http://www.webdeveloper.com/forum/archive/index.php/"'navwho.gif" width="130" height="36"></a></span></p>
<p> </p>
<p><span style="position: absolute; left: 336; top: -9">
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"theslogan.gif" width="396" height="72"></span></p>
<p> <span style="position: absolute; left: 4; top: 469">
<a href="about.html"
onMouseOver="mice.src='navaboutglow.gif';"
onMouseOut="mice.src='navabout.gif';">
<image border="0" name="mice" src=http://www.webdeveloper.com/forum/archive/index.php/"'navabout.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -7; top: 421">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html"
onMouseOver="zoomer.src='navcontactglow.gif';"
onMouseOut="zoomer.src='navcontact.gif';">
<img border="0" name="zoomer" src=http://www.webdeveloper.com/forum/archive/index.php/"'navcontact.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -15; top: 377">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"demo.html"
onMouseOver="fz.src='navdemoglow.gif';"
onMOuseOut="fz.src='navdemo.gif';">
<img border="0" name="fz" src=http://www.webdeveloper.com/forum/archive/index.php/"'navdemo.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -5; top: 289">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"feature.html"
onMouseOver="foto.src='navfeaturesglow.gif';"
onMOuseOut="foto.src='navfeatures.gif';">
<img border="0" name="foto" src=http://www.webdeveloper.com/forum/archive/index.php/"'navfeatures.gif" width="130" height="36"></a></span>
<span style="position: absolute; left: -17; top: 149">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"fotozoomer.html"
onMouseOver="home.src='navhomeglow.gif';"
onMouseOut="home.src='navhome.gif';">
<img border="0" name="home" src=http://www.webdeveloper.com/forum/archive/index.php/"'navhome.gif" width="130" height="36"></a></span></p>
</body>
</html>