Onmouseover - Tabelle - Graphik

[wastl]

Griaß Euch!
Ich möchte gerne in einer Tabelle eingefügte gif.s mit einem onmousovereffekt austatten, und zwar so, dass bei Überfahren des einen gif, sich es sowohl selbst verändert, als auch ein gif an einer anderen Stelle...
Und irgendwie komme ich da nicht zurecht. Gibt es eine simple Lösung? Beispiel: http://www.nautica.com .
Merci für Eure Hilfe!
wastl

[Jürgen K.]

Hallo,

Du solltest zunächst darauf achten, daß die gifs, die vertauscht werden sollen die gleiche Größe haben. Das erspart viel Ärger.

Gib den Bildern entsprechende IDs (hier id1 und id2).

Dann schreib ins img-tag des Bildes, das auf den mouseover reagieren soll:

onmouseover="Aendern('id1','id2','name1','name2')" onmouseout="Aendern('id1','id2','name3','name4')"

und mach eine Funktion
function Aendern(ida,idb,bild1,bild2) {
 document.getElementById(ida).src='pfad/'+bild1;
 document.getElementById(idb).src='pfad/'+bild2;
}

Nicht vergessen, die neuen Bilder vorzuladen, damit die Änderung ohne Verzögerung eintritt:
name1 = new Image();
name1.src = "beispiel.gif";

Viele Grüße,
Jürgen

name1, name2 entsprechen den Namen der Bilder die ausgetauscht werden sollen (z.B. beispiel.gif)
name3, name4 entsprechen den Namen der ursprünglichen Bilder