Bildwechsel durch MouseOver

Per CSS eine Grafik in einem HTML-IMG-Tag auszutauschen, ist derzeit nicht so einfach möglich. Daher müssen Sie auf HTML und JavaScript ausweichen.

Folgende Anweisungen platzieren Sie im IMG-Tag Ihres HTML-Dokumentes:

<img src="bild1.png"
     onMouseOver="this.src='bild2.png'"
     onMouseOut="this.src='bild1.png'"
     alt="" />

Zudem stehen die Ereignisse onClick, onDblClick, onKeyDown, onKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseUp zur Verfügung.

Rückgesetzt können die Mausklickereignisse z.B. per onMouseOut.

Beispiel für den Maustest

Wandernde Verweise

Eine andere Möglichkeit beschreibt folgende Webseite, die den Verweis bei Mausberührung scrollen lässt. Dazu ist neben CSS auch JavaScript nötig:

• Wandernde Verweise (Scrollovers.com)