Christoph Schnauß: ändern von grafiken beim mouseover und mouseout

Beitrag lesen

Hi,

Ich glaube, er meint etwas anderes: Die Links im linken Frame sind Textlinks, bei deren Überfahren im rechten Frame jeweils eine Grafik erscheint.

Dies wäre vielleicht möglich, wenn der Bereich, in der die Grafiken erscheinen sollen, keine Tabellenzelle, sondern ein innerer Frame ist.

hm, ob mit dem folgenden Beispiel geholfen ist ?

1. im Header

<script language="JavaScript">
             // zuerst werden die benoetigten Bilddateien deklariert:
bild01 = new Image();
bild02 = new Image();
bild03 = new Image();
bild04 = new Image();
bild05 = new Image();
bild06 = new Image();
            // und dann die Adressen der Grafikdateien zugeordnet:
bild01.src = "../grafik/datei1.gif";
bild02.src = "../grafik/datei2.gif";
bild03.src = "../grafik/datei3.gif";
bild04.src = "../grafik/datei4.gif";
bild05.src = "../grafik/datei5.gif";
bild06.src = "../grafik/datei6.gif";
              // dann werden zwei Funktionen bestimmt, die das Verhalten waehrend
              // des Darueberfahrens der Maus ueber eine Grafik (On) bzw. waehrend des
              // Verlassens (Off) beschreiben:
function Off (num) {
if (num=="1") document.images[2].src=bild01.src;
if (num=="2") document.images[2].src=bild03.src;
if (num=="3") document.images[2].src=bild05.src;
}
function On (num) {
if (num=="1") document.images[2].src=bild02.src;
if (num=="2") document.images[2].src=bild04.src;
if (num=="3") document.images[2].src=bild06.src;
}
             // dabei gibt die in Klammern gesetzte Ziffer an, welche Grafik ersetzt
             // werden soll. Beachtet werden muss, dass die Zaehlung stets mit Ziffer 0
             // beginnt; wenn hier [2] steht, wird also die dritte auf der Seite
             // vorhandene Grafik gewechselt.
</script>

2. im Dateikoerper

<a href="../index.htm" onMouseOver="On(1);return true" OnMouseOut="Off(1);return true">
<img src="wechselgrafik.gif" align="middle" width="60" height="80"></a>
            //mit On(1) bzw. Off(1) wird angegeben, welche Grafik von welcher Mausaktion angezeigt werden soll

Christoph S.