onMouseover

LoMo

Erfahrenes Mitglied
Hi,

wie kann ich im mouseover Event dass Bild vom Link ändern ?

Ich habe das so probiert:

Code:
onMouseOver="document.getElementById('Produktgruppen').src="images/Buttons/Produktgruppen_over.gif""

Funktioniert aber nicht. Weiss jemand wie man dass machen könnte ?

Kleine Beschreibung:

Ich habe einen Link und sobald jemand mit der Maus drüber fährt soll sich das Bild des Linkes ändern.

Hier nochmal der komplette Link:
Code:
<a id="Produktgruppen" href="Suche.php?suchoption=Produktgruppen" onMouseOver="document.getElementById('Produktgruppen').src="images/Buttons/Produktgruppen_over.gif"" ><img src="images/Buttons/Produktgruppen.gif" border="0"></a>

Würde mich über einen Lösungsvorschlag sehr freuen.



mfg lomo
 
Zuletzt bearbeitet:
Hi,

da du das Bild und somit das IMG-Element ändern willst, gehört die ID in den IMG-Tag. Weiterhin
müssen die doppelten Anführungszeichen um den Bildpfad durch einfache ersetzt werden.
HTML:
<a href="Suche.php?suchoption=Produktgruppen" onMouseOver="document.getElementById('Produktgruppen').src='images/Buttons/Produktgruppen_over.gif';" ><img id="Produktgruppen" src="images/Buttons/Produktgruppen.gif" border="0"></a>
Ciao
Quaese
 
Zurück