ändern von grafiken beim mouseover und mouseout

[angel]

hi leute.....

Ich mache hier mal eine kleines Schema meines Problemes  hin:

_________ _________
     -link 1         
     -link 2         
     -link 3         
     -link 4 grafik  
     -link 5         
     __________________

Das ganze ist eine Tabelle. Ich will, dass sich die Grafik beim überfahren der Links ( mit hilfe von mouseover und mouseout ) ändert. Kann mir jemand ein Quellcode Beispiel geben? Falls ja , vielen Dank im Voraus!

mfg

angel

[Henryk Plötz]

Schlage vor, du guckst mal bei <../../tedg.htm> nach. Da steht wie's geht.

[Sönke]

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.

Dann brauchst du nur noch einzelne html Seiten mit den Grafiken, die per MouseOver (Cursor über Textlinks) im Frame aufgerufen werden.

Sönke

[Christoph Schnauß]

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.