MouseOver Effekt mit Bildern

[SANE1]

Hallo liebe User,

sicher könnt ihr es nicht mehr hören das leidige Thema.
Aber ich komme damit einfach nicht zurecht. Habe schon in vielen Foren und auf Websites die Tests kopiert, aber ich kriege es einfach nicht hin ein MouseOver-Effekt richtig zu gestalten.

Dieses Beispiel hat mich der Sache am nahesten gebracht, aber leider nicht zum Ziel:

<a href="index.html" onMouseOver="Home.src='Bilder/index_06_1.gif';"onMouseOut="Home.src='Bilder/index_06_1.gif"><img name="Home"src="Bilder/index_06.gif" border="0"></a>

zur Erklärung,
index_06.gif ist das Standartbild was angezeigt wird und wenn man mit der Mouse rüber geht soll index_06_1.gif angezeigt werden und selbstverständlich dann auch wieder das Standartbild wenn man mit der Maus weg geht. Letzteres ist allerdings nicht der Fall, also das MouseOver-Bild bleibt dann dort und geht halt nich wieder weg, leider.

Würde mich über konstruktive Kritik freuen
und ja ich kenne Google und die Suchfunktion hier

 

[LuckyStrike]

AW: MouseOver Effekt mit Bildern

ich bin nicht der Coder, aber da es spät ist und du vielleicht noch dran sitzt...

onMouseOut="Home.src='Bilder/index_06_1.gif

wieso sagst du dann bei MouseOUT dass er nochmal das "neue" Bild zeigen soll?

es muss doch

onMouseOut="Home.src='Bilder/index_06.gif

sein...

 

[kuky]

AW: MouseOver Effekt mit Bildern

ja das dürfte der fehler sein !

 

[der-Webdesigner]

AW: MouseOver Effekt mit Bildern

Wieso machst du das denn mit JavaScript? CSS ist da definitiv die wesentlich schönere Lösung. Wenn du Firebug hast kannst du dir ja mal die Navigation auf Professionelles Grafik- und Webdesign für anspruchsvolle Kunden - ManuelBecker.net anschauen. Diese wurde rein mit CSS realisiert, wo einfach ein Bild beim Mouseover/Mouseout hin und her geschoben wird.

Lg,
Manuel