JavaScript

TerminCounter

Ein einfaches MouseOver-Bildwechsel-Beispiel

JavaScript-Teil
<script type="text/javascript">
/*Anlegen des Bildobjektes*/
Bild1 =new Image();
/*Zuweisen der Quelladresse des Bildes*/
Bild1.src="Pfad/zum/zweiten/Bild";
/*wie oben*/
Bild2 =new Image();
Bild2.src="Pfad/zum/ursprünglichen/Bild";
/*Bildwechselfunktion1*/
function wechsel_hin(){
document.images[0].src=Bild1.src;
}
/*Und das Zurücktauschen des Bildes*/
function wechsel_her(){
document.images[0].src=Bild2.src;
}
</script>


... und hier etwas HTML ;-)...
<div>
<img src="Pfad/zum/ursprünglichen/Bild" alt="Alternativer Text zum Bild" title="Beschreibung zum Bild" onmouseover="wechsel_hin()" onmouseout="wechsel_her()" />
</div>