I'm really having some problems with javascript.
I was coding everything by hand (I was so proud), everything looked nice, then I went and tested it, and nothing worked.
I went back and looked at the code and couldn't find any errors (I'm still an amateur at this), so I broke-down and copied the code from another page that I know works, but it still didn't work! I don't know what the problem could be.
The rollovers are highlighted in red. I'm not sure how to do a rollover with multiple images using this techqnique, but I think it should work. And I know the second one should.
Code:
<html>
<head>
<title>Welcome to Avalon Sector</title>
<script><!--
menugalleries = new Image;
menugalleries.src = "images/logo_menu_galleries.jpg";
menugalleriesover = new Image;
menugalleriesover.src = "images/logo_menu_galleries-over.jpg;
menureviews = new Image;
menureviews.src = "images/logo_menu_reviews.jpg";
menureviewsover = new Image;
menureviewsover.src = "images/logo_menu_reviews-over.jpg;
menututorials = new Image;
menututorials.src = "images/logo_menu_tutorials.jpg";
menututorialsover = new Image;
menututorialsover.src = "images/logo_menu_tutorials-over.jpg;
menuabout = new Image;
menuabout.src = "images/logo_menu_about.jpg";
menuaboutover = new Image;
menuaboutover.src = "images/logo_menu_about-over.jpg;
linksforums = new Image;
linksforums.src = "images/bar_links_forums.jpg";
linksforumsover = new Image;
linksforumsover.src = "images/bar_links_forums-over.jpg;
linksservices = new Image;
linksservices.src = "images/bar_services_forums.jpg";
linksservicessover = new Image;
linksservicessover.src = "images/bar_services_forums-over.jpg;
linkscontact = new Image;
linkscontact.src = "images/bar_contact_forums.jpg";
linkscontactsover = new Image;
linkscontactsover.src = "images/bar_contact_forums-over.jpg;
buttonoff = new Image;
buttonoff.src = "images/bubble.jpg";
buttonhome = new Image;
buttonhome.src = "images/bar_button_home.jpg;
buttongalleries = new Image;
buttongalleries.src = "images/bar_button_galleries.jpg;
buttonreviews = new Image;
buttonreviews.src = "images/bar_button_reviews.jpg;
buttontutorials = new Image;
buttontutorials.src = "images/bar_button_tutorials.jpg;
buttonabout = new Image;
buttonabout.src = "images/bar_button_about.jpg;
// -->
</script>
</head>
<body background="images/background.jpg" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0" marginleft="0" marginright="0" marginbottom="0" margintop="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="images/logo_top.jpg" width="183" height="10"></td>
</tr>
<tr>
<td><img src="images/logo_left.jpg" width="25" height="110"></td>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onmouseout="document.galleries.src = menugalleries.src; document.button.src = buttonoff.src" onmouseover="document.galleries.src = menugalleriesover.src; document.button.src = buttongalleries.src;"><img src="images/logo_menu_galleries.jpg" border="0" alt="Galleries" name="galleries" width="62" height="46"></a></td>
<td><img src="images/logo_gap_top.jpg" width="32" height="46"></td>
<td><img src="images/logo_menu_reviews.jpg" width="64" height="46"></td>
</tr>
<tr>
<td colspan="3"><img src="images/logo_gap.jpg" width="158" height="22"></td>
</tr>
<tr>
<td><img src="images/logo_menu_tutorials.jpg" width="62" height="42"></td>
<td><img src="images/logo_gap_bottom.jpg" width="32" height="42"></td>
<td><img src="images/logo_menu_about.jpg" width="64" height="42"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><img src="images/logo_bottom.jpg" width="183" height="45"></td>
</tr>
</table>
</td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/bar_top.jpg" width="373" height="10"></td>
</tr>
<tr>
<td><img src="images/bar_title.jpg" width="373" height="35"></td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/bar_gap_left.jpg" width="44" height="15"></td>
<td><a href="#" onmouseout="document.forums.src = linksforums.src;" onmouseover="document.forums.src = linksforumsover.src;"><img src="images/bar_links_forums.jpg" border="0" alt="Forums" name="forums" width="75" height="15"></a></td>
<td><img src="images/bar_gap_1.jpg" width="25" height="15"></td>
<td><img src="images/bar_links_services.jpg" width="84" height="15"></td>
<td><img src="images/bar_gap_2.jpg" width="27" height="15"></td>
<td><img src="images/bar_links_contact.jpg" width="78" height="15"></td>
<td><img src="images/bar_gap_right.jpg" width="41" height="15"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/bar_button_left.jpg" width="119" height="27"></td>
<td><img src="images/bar_button.jpg" name="button" width="108" height="27"></td>
<td><img src="images/bar_button_right.jpg" width="146" height="27"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="images/bar_bottom.jpg" width="373" height="33"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
So tell me if I'm a total moron, or just a promising new newbie that still needs lessons.
Having javascript problems.... :(
