✔ Fehler bei Mouseover/Mouseout

[Nord-Süd-Richtung]

Hallo,
ich habe ein Problem mit einem Mouseover/Mouseout Script, und kann da wirklich nichts erkennen. Es soll beim überfahren mit der Maus ein anderes Bild angezeigt werden, und beim wieder herausfahren zurückswitchen

<span onMouseOver="this.innerHTML='<img src=\'pics/bild2.jpg\'>'" onMouseOut="this.innerHTML='<img src=\'pics/bild1.jpg\'>'"><img src="pics/bild1.jpg"></span>

Beim 1. herrüberfahren wechselt das Bild, danach tut sich nichts mehr.
Ich vermute das es was mit dem schon vorhandenen <img> im Span zu tun hat, aber als ich das durch eine 2 ersetzt habe war es dasselbe Ergebnis.
Wo liegt der Fehler?

 

[Maik]

Hi,

setz mal diesen Code zum Bildertausch ein:

<span onmouseover="austausch.src='pics/bild2.jpg';" onmouseout="austausch.src='pics/bild1.jpg';"><img src="pics/bild1.jpg" name="austausch"></span>

austausch.src greift hier auf das Grafikelement mit dem Name "austausch" zu, und ändert über seine src-Eigenschaft den Pfad zur Datei.

mfg Maik

 

[Mark]

Hi!

Wenn Du das Span mit z.B. style="border:1px solid red;" mal "sichtbar" machst, erkennt man, daß das Span nur an der unteren "Zeile" des Bildes liegt, es also nicht die Größe des gesamten Bildes annimmt.
Somit die Frage: warum Du nicht das Bild direkt beim img wechselst?

<img src="pics/bild1.jpg" onMouseOver="this.src='pics/bild2.jpg';" onMouseOut="this.src='pics/bild1.jpg';">

Liebe Grüße,
Mark.

//edit: urgs, da war ich wohl nicht nur zu lahm, sondern auch zu voreilig

 

[Nord-Süd-Richtung]

Oh, wusste gar nicht was alles geht, arbeite nicht so tief mit js.
Funktioniert aber genau wie ich es möchte. Danke an euch beide