nicht angemeldet
Hi!
Ich bin gerade dabei meine Website umzubasteln und habe da ein kleines Problem. Ich habe 2 Grafiken, die ich als Menubuttons einsetzen möchte. Wenn man mit der Maus drüber fährt dann ändert sich die Grafik und es sieht so aus als würde eine LED auf dem Button aufleuchten.
Ich habe das ganze mal zusammengebastelt und wenn ich einen einzelnen Button einbaue dann klappt es einwandfrei. Setze ich allerdings 2 oder mehr Buttons untereinander dann bekomme ich keine Grafiken angezeigt.
Was mache ich falsch?
THX in advance
Cougi
Anbei der HTML-Code.
************************
<body ....
<script language="Javascript">
image1 = new Image();
image1.src ="images/Menu/b1.gif";
image2 = new Image();
image2.src ="images/Menu/b2.gif";
function change(anaus, name)
{
if (anaus==1)
this.document[name].src=image1.src;
else
this.document[name].src=image2.src;
}
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/left_bg_tiled.gif">
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/left_bg_table.gif">
<tr>
<td align="left" valign="top" height="10%" background="images/logoBg.jpg"><img src="images/logofinal.gif" with="200" hight="160" width="185" height="160"></td>
</tr>
<tr>
<td><a href="http://" target="dummy" onMouseOver="change(1,'bild1')" onMouseOut="change(0,'bild1')"><img src="r2.gif" width="159" height="28" name="bild1" border=0></a></td>
</tr>
<tr>
<td><a href="http://" target="dummy" onMouseOver="change(1,'bild1')" onMouseOut="change(0,'bild1')"><img src="r2.gif" width="159" height="28" name="bild1" border=0></a></td>
</tr>
<tr>
...
usw...
************************