Gernot Back: Rollover - Grafik

Beitrag lesen

Hallo nochmal shadow hunter,

Na klar geht das. Mit der dem CSS Pseudo-Format hover kannst du ein Bild sich selbst austauschen lassen, ganz ohne Javascript. Wenn es ein anderes Bild sein soll, machst du es am besten mit Javascript.

<a href="#" onMouseOver="document.images['meinAnderesBild'].src='meinGanzAnderesBild.jpg'" onMouseOut="document.images[''meinAnderesBild'].src='meinUrspruenglichesAnderesBild.jpg'"><img name="meinEinesBild" src="meinEinesBild.jpg"></a><br>
<img name=meinAnderesBild src="meinUrspruenglichesAnderesBild.jpg">

Oh-je-oh-je, mit den Anführungsstrichen habe ich hier aber ziemlich geschludert, einmal doppelt, einmal gar keine, kein Wunder, dass das nicht perfekt funktioniert mit dem Rücktausch des Bildes. Vielleicht geht der unerwünschte Rahmen dann ja auch weg, wenn du das bereinigst.

Guck mal, überall wo Gleichstriche stehen, da muss etwas folgen, das in Anführungsstriche gekleidet ist. Wenn innerhalb dessen noch einmal Gleichstriche kommen, musst du das in die andere Art der Anführungsstriche stecken. Es gibt ja einfache und doppelte Anführungsstriche ...

Vergleiche ruhig auch noch mal mit Bastis Dreamweaver-Code, da ist das beherzigt.

Gruß Gernot