Hauptmenü
Ein kleine Mini-
Bilder auf den Server in das Verzeichnis "images" kopieren.
Example:
demo_img1.jpg
demo_img2.jpg
demo_img3.jpg
demo_img4.jpg
Das erste Bild wird beim öffnen der Seite angezeigt, das zweite Bild beim überfahren mit der Maus (Mouseover), das dritte Bild bei 1x klicken und das vierte Bild bei einem Doppelklick.
Demo:
Bilder:
Erläuterung:

Dieses Bild wird beim
"öffnen"
der Seite angezeigt.

Dieses Bild wird bei
"MouseOver" auf
der Seite angezeigt.

Dieses Bild wird bei
"1 x klicken" auf
der Seite angezeigt.

Dieses Bild wird bei
"Doppelklick" auf
der Seite angezeigt.
Code für das HTML-
<img id="dummy" src="images/demo_img1.jpg"
onMouseOut="document.images.dummy.src='images/demo_img1.jpg';"
onMouseOver="document.images.dummy.src='images/demo_img2.jpg';"
onClick="document.images.dummy.src='images/demo_img3.jpg';"
onDblClick="document.images.dummy.src='images/demo_img4.jpg';">