Peppi: Hover bei Buttons an falscher Stelle

Beitrag lesen

Hallo!
Ich habe folgendes Problem:
Ich habe das Beispiel von Hoverbuttons mit Javascript angeschaut und verwendet.. Nur die Hovergrafiken ersetzen beim mousever immer die erste grafik und nicht die wo der hover drin is..
Hier mal die stellen aus dem quelltext:

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "images/artworks.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "images/arthover.gif"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "images/websites.gif";     /* erste Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "images/webhover.gif"; /* erste Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "images/print.gif";     /* erste Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "images/printhover.gif"; /* erste Highlight-Grafik */

Normal4 = new Image();
Normal4.src = "images/about.gif";     /* erste Standard-Grafik */
Highlight4 = new Image();
Highlight4.src = "images/abouthover.gif"; /* erste Highlight-Grafik */

function Bildwechsel(Bildnr,Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
###########
<tr>
          <th>
                 <a href="#" onMouseOver="Bildwechsel(0,Highlight1)"
   onMouseOut="Bildwechsel(0,Normal1)"><img src="images/artworks.gif" width="94" height="70" border="0" alt=""></a>
                 </th>
                  <th><img src="images/menuspace.gif" width="30" height="70" border="0" alt="">
                 </th>
                 <th>
                 <a href="#" onMouseOver="Bildwechsel(0,Highlight2)"
   onMouseOut="Bildwechsel(0,Normal2)"><img src="images/websites.gif" width="95" height="70" border="0" alt=""></a>
                 </th>
                 <th><img src="images/menuspace.gif" width="30" height="70" border="0" alt="">
                 </th>
                 <th>
                 <a href="#" onMouseOver="Bildwechsel(0,Highlight3)"
   onMouseOut="Bildwechsel(0,Normal3)"><img src="images/print.gif" width="118" height="70" border="0" alt=""></a>
                 </th>
                 <th><img src="images/menuspace.gif" width="30" height="70" border="0" alt="">
                 </th>
                 <th>
                 <a href="#" onMouseOver="Bildwechsel(0,Highlight4)"
   onMouseOut="Bildwechsel(0,Normal4)"><img src="images/about.gif" width="94" height="70" border="0" alt=""></a>
                 </th>
                 <th>
                 <img src="images/header.gif" width="446" height="70" border="0" alt="">
                 </th>

</tr>
########

Danke..
Gruß Peppi