Struppi: Was ist falsch an diesem MouseoverEffekt?

Beitrag lesen

Ich versuche einen einfachen Mouseover-Effekt mit JavaScript zu machen. Aber das klappt nicht. Woran liegt es? Ich finde den Fehler nicht! Könnt ihr mir vielleicht helfen?

Wie lautet die Felermeldung?

Hier der Quelltext:

Wobei deine Lösung extrem umständlich ist.

<img src="bilder/gal.png" id="gal" width="150" height="96" onmouseover="show_top_img('gal')" onmouseout="hide_top_image('gal')" alt="">

Du willst also bei einem mousover das Bild selber auswechseln, dazu reicht this, das ist die Referenz auf das aktuelle Objekt in dem Falle das Bild:

<img src="bilder/gal.png" id="gal"
onmouseover="this.src = 'bilder/'+ this.id + '_hover.png';"
alt="">

ich hab mal ein Skript geschriben, das genau das macht, ohne das du JS Code in den HTML Code einfügen musst, lediglich eine Klasse ist nötig: http://javascript.jstruebig.de/skripte/30/
Das macht dann alles automatisch.

Struppi.

--
Javascript ist toll (Perl auch!)