Hover bei Buttons an falscher Stelle

[Peppi]

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

[MudGuard]

Hi,

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..

Da Du immer dieselbe Nummer beim Aufruf von Bildwechsel angibst, ist das doch nciht verwunderlich.

cu,
Andreas

[Peppi]

Da Du immer dieselbe Nummer beim Aufruf von Bildwechsel angibst, ist das doch nciht verwunderlich.

Danke Funktioniert jetzt..

Gruß Peppi

[Detlef G.]

Hallo Peppi

function Bildwechsel(Bildnr,Bildobjekt) {

^^^^^^
...

<a href="#" onMouseOver="Bildwechsel(0,Highlight1)"

^

onMouseOut="Bildwechsel(0,Normal1)"><img src="images/artworks.gif"

^
...

<a href="#" onMouseOver="Bildwechsel(0,Highlight2)"

^

onMouseOut="Bildwechsel(0,Normal2)"><img src="images/websites.gif"

^
...

Fällt dir etwas auf?

Auf Wiederlesen
Detlef