mouseover

    hallo zusammen,
    ich möchte gerne, dass auf meiner website ein kleiner pfeil beim hovern die farbe ändert. dafür hab ich zwei bilder angelegt und in diesen code unten eingefügt. bei einem anderen bild hats auch super funktioniert. Doch bei dem hier färbt sich der pfeil zwar ein, bleibt aber dann leider in der farbe. Ich hab den code schon paar mal neu geschrieben und finde den fehler einfach nicht. wäre super, wenn mir jemand helfen könnte :)


    <div id="wahlkreise">

    <a href="http://youtube.com/"><img src="Images/buttons/weiter_button.jpg" width="8px" height="11px" onmouseover="this.src='Images/buttons/hover_weiter.jpg'" onmouseout="Images/buttons/weiter_button.jpg'"/></a>

    </div>

    HTML
    <div id="wahlkreise">


<a href="http://youtube.com/"><img  src="Images/buttons/weiter_button.jpg" width="8px" height="11px"  onmouseover="this.src='Images/buttons/hover_weiter.jpg'"  onmouseout="this.src='Images/buttons/weiter_button.jpg'"/></a>


</div>

    wobei diese variante unsauber ist ;)
    grundlegend sollte man versuchen html und css und javascript getrennt zu halten

    Zitat von explanator

    Die Methode ist sehr unsauber und verbraucht unnötig Ressourcen. Warum nicht ein Pfeil aus dem Unicode Zeichensatz. Da gibt es etliche, und dann mit CSS :hover einfärben.

    Genau das. Und wenn es unbedingt eine Grafik sein soll, dann bitte die verschiedenen States als Spritemap anlegen, mit background-image arbeiten, und beim :hover halt nur die background-position ändern. Sowas mit JS zu machen ist vollkommen veraltet und unnötig.

    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook