Grammiweb.de - JavaGimmicks

I
Titel Frameübergreifender Bilderwechsel
Beschreibung Mit diesem Script können Sie bei Überfahren einer Grafik in einem anderen Frame Bilder wechseln lassen.

Hierzu benötigen Sie neben einem Frameset mit zwei Seiten (Bezeichnung im Beispiel: linkerframe/rechterframe) nur jeweils eine "Auslösergrafik", bei deren Berührung mit dem Mauszeiger der Effekt ausgelöst wird, eine "Zielgrafik", die durch den Effekt angezeigt wird, und eine Grafik, die dem Hintergrund der Seite, auf der die Zielgrafiken angezeigt werden sollen, angepasst ist.

Beispiel Bewegen Sie den Mauszeiger einfach über die rechts angezeigten Grafiken. Sie können dieses Beispiel auch downloaden.

Zurück zum Inhaltsverzeichnis

Quellcode

HEAD <script language="Javascript"><!--
if (document.images) {
name1 = new Image(); name1.src = "
LEERE_GRAFIK";
name2 = new Image(); name2.src = "
GRAFIK_1_KLEIN";
name3 = new Image(); name2.src = "
GRAFIK_2_KLEIN";
}
function changePic1(name2) {
    if (document.images) {
    parent.
rechterframe.document.images.pictochange.src = (name2);
    }
}
function changePic2(name3) {
    if (document.images) {
    parent.
rechterframe.document.images.pictochange.src = (name3);
    }
}
function changeBlank() {
    if (document.images) {
    parent.
rechterframe.document.images.pictochange.src = name1.src;
    }
}
// -->
</script>
BODY Im Linker Frame

<p><a href="#" onmouseout="changeBlank()" onmouseover="changePic1('GRAFIK_1_GROSS')">
<img src="
GRAFIK_1_KLEIN" border="0" width="40" height="30"></a><br>
<a href="#" onmouseout="changeBlank()" onmouseover="changePic2('
GRAFIK_2_GROSS')"><img
src="
GRAFIK_2_KLEIN" border="0" width="40" height="30"></a><br>
</p>

Im Rechten Frame

<p><img name="pictochange" src="LEERE_GRAFIK" border="0" width="90" height="30"> </p>

Hilfe
Benötigen Sie Hilfe zu unseren JavaGimmicks? Klicken Sie einfach hier.