Rollover Problem...

Shadox · 01-06-2005, 01:47 AM

Ok I am really new at coding, and made my own site. I want rollovers for navigation buttons, but I cant get them to work! Heres the code I have right now..any suggestions?

Code:

<head>
<title>Matt.com :: Pics</title>
<script language="Javascript" type="text/javascript">
<!-- Hide

	if (document.images) {
		home1 = new Image
		home2 = new Image
		blog1 = new Image
		blog2 = new Image
		games1 = new Image
		games2 = new Image
		hate1 = new Image
		hate2 = new Image
		profile1 = new Image
		profile2 = new Image
		xbox1 = new Image
		xbox2 = new Image
             
		home1.src = 
                       "http://img44.exs.cx/img44/8536/homebutton19cm.jpg"
	        home2.src =
                        "http://img44.exs.cx/img44/7204/homebutton25py.jpg"
		blog1.src = 
                        "http://img44.exs.cx/img44/6407/blogbutton12rz.jpg"
		blog2.src = 
                        "http://img44.exs.cx/img44/5373/blogbutton23fe.jpg"
		games1.src = 
                        "http://img44.exs.cx/img44/2550/gamesbutton14iw.jpg"
		games2.src = 
                        "http://img44.exs.cx/img44/2660/gamesbutton28hm.jpg"
		hate1.src = 
                        "http://img44.exs.cx/img44/223/hatebutton14pi.jpg"
		hate2.src = 
                        "http://img44.exs.cx/img44/7931/hatebutton20zp.jpg"	
                profile1.src = 
                        "http://img44.exs.cx/img44/7080/profilebutton25fe.jpg"
		profile2.src = 
                        "http://img44.exs.cx/img44/527/profilebutton14ts.jpg"
		xbox1.src = 
                        "http://img44.exs.cx/img44/3664/xboxbutton17eo.jpg"
		xbox2.src = 
                        "http://img44.exs.cx/img44/2277/xboxbutton20fa.jpg"
	   }

             //End hide -->
     </script>	
</head>
<body bgcolor="black" width="800">

	<a href="http://www.freewebs.com/mattzeroo/" 
onmouseover="document.home2.src=home2.src"
onmouseout="document.home1.src=home1.src">
<img src="http://img44.exs.cx/img44/8536/homebutton19cm.jpg" width="113" height="33" border="0" name="Home" alt="Home" /></a><br><br>  
	
        <a href="http://www.freewebs.com/mattzeroo/blog.htm" 
onmouseover="document.blog2.src=blog2.src" 
onmouseout="document.blog2.src=blog2.src">
<img src="http://img44.exs.cx/img44/6407/blogbutton12rz.jpg" width="113" height="33" border="0" name="Blog" alt="Blog" /></a><br><br>	

        <a href="http://www.freewebs.com/mattzeroo/games.htm" 
onmouseover="document.games2.src=games2" 
onmouseout="document.games2.src=games2.src">
<img src="http://img44.exs.cx/img44/2550/gamesbutton14iw.jpg" width="113" height="33" border="0" name="Games" alt="Games" /></a><br><br>  

	<a href="http://www.freewebs.com/mattzeroo/thingsihate.htm" 
onmouseover="document.hate2.src=hate2.src" 
onmouseout="document.hate2.src=hate2.src">
<img src="http://img44.exs.cx/img44/223/hatebutton14pi.jpg" width="113" height="33" border="0" name="Hate" alt="Hate" /></a><br><Br>	

       <a href="http://www.freewebs.com/mattzeroo/Profile" 
onmouseover="document.profile2.src=profile2.src" onmouseout="document.profile2.src=profile2.src">
<img src="http://img44.exs.cx/img44/7080/profilebutton25fe.jpg" width="113" height="33" border="0" name="Profile" alt="Profile" /></a><Br><br>  

	<a href="http://www.freewebs.com/mattzeroo/xbox.htm" 
onmouseover="document.xbox2.src=xbox2.src" 
onmouseout="document.xbox2.src=xbox2.src">
<img src="http://img44.exs.cx/img44/3664/xboxbutton17eo.jpg" width="113" height="33" border="0" name="Xbox" alt="Xbox" /></a><br><Br>
</body>

Also I would also like to know how to be able to put a whole song on my site without it having to load the whole song every time someone enters the site...

Antoniohawk · 01-06-2005, 05:08 PM

This is a javascript question, so I'm gonna move it there for ya.