Unser aller Lieblings-Skript (Bildwechsel kompatibel)
Hier der häufig und gerne verwendete Effekt mit dem Bild, welches wechselt, sobald
die Maus darüber fährt. Wie schon soeben dargestellt, wird dieser Effekt leider nicht von
allen Browsern, im speziellen Microsoft's Internet Explorer (kleiner Version 4), unterstützt.
Hier eine Variante, die auf allen Browsern funktionieren sollte, die diesen
Effekt unterstützen, ganz unabhängig, unter welchem Namen sie sich identifizieren.
Auf allen anderen sollten keine Fehler auftreten, allerdings auch der Effekt wird nicht
sichtbar sein...
<SCRIPT LANGUAGE="JavaScript">
<!--
/* Dies ist die Definition der Bildnamen und deren URL sowie gleichzeitig ein Preload, d.h.
die Bilder werden von Vornherein geladen, damit der MouseOver-Effekt auch flüssig von statten geht... */
if (document.images != null)
{
ohneMaus = new Image(152,110);
ohneMaus.src = "movehere.gif";
mitMaus = new Image(152,110);
mitMaus.src = "gotcha.gif";
}
/* Dies ist die eigentliche Funktion, die zum Wechseln der Bilder aufgerufen wird. */
function wechsleBild(bild,ziel)
{
if (document.images != null)
{
document.images[ziel].src = eval(bild +".src")
return true;
}
}
//-->
</SCRIPT>
<!-- ... -->
<!--Hier jetzt das Bild, welches zur Demonstration dient. Der Ort des Bildes, welches
sich verändern soll, wird durch den Bildnamen NAME="..." definiert. -->
<CENTER><A HREF=" ... "
onMouseOver="wechsleBild('mitMaus','katzmaus')"
onMouseOut="wechsleBild('ohneMaus','katzmaus')">
<IMG SRC="movehere.gif" ALT="" WIDTH=152 HEIGHT=110
BORDER=0 NAME="katzmaus"></A></CENTER>