Webhilfe.info/board

Hallo !

Ich bastel gerade an einem Bild, welches beim Überfahren der Maus sich ändert. Das mache ich mit folgendem Code:

Das funktioniert auch super, nur wenn ich die Maus wieder runter bewege bleibt das Hover Bild erhalten. Ich habe jetzt sachen wie onMouseOut und so versucht, aber ohne Erfolg.

Falls wer von euch mir helfen könnte, wäre ich euch echt dankbar...

Viele Grüße

Sam

Soll das Cross-Browser-Kompatibel sein? Dann musst du etwas mit JS entwickeln. Ansonsten kannst du es auch mit

img:hover{} via CSS probieren.
Alternativ kannst du es auch kompatibel machen, musst hierzu aber einen Link um das Bild setzen und dann die Klassen auf den Link anwenden.

Wie e-phy schon sagte, benutz am besten CSS dafür.

Ansonsten ein kleiner Tip für nen validen quelltext, onMouseOut gibt es eigentlich nicht, wenn überhaupt alles klein geschrieben. Außerdem steht bei dir:

so währe das auch nicht zulässig und dürfte eigentlich auch nicht in allen Browsern funktionieren, denn hinter dem gleich müsste eine Zahl oder ein String, also dann in Anführungszeichen stehen. Ich würde das so schreiben, oder direkt in einer kleinen JavaScript Funktion zusammenfassen.

Bzw. bei "onmouseout" gibt es auch einen Befehl um den standard src wert zu benutzen, aber kenn den grad nicht auswendig, aber kannst ja mal googlen.

Hallo !

Vielen Dank. Dino sein Tipp hat funktioniert. Vielen Dank dafür.

Gruß

Sam