dynamische grafik

[harriet]

Hallo!
Ich habe folgendes Problem: Auf einer Seite wird ein JavaScript für Onmouseover und Onmouseout bei einer Grafik eingebunden. Die Grafik reagiert auch wie gewünscht, sie verändert ihre Farbe. Stelle ich aber eine andere Grafik vor diese Grafik, wird der Onmouseover und Onmouseout-Effekt auf die vorgestellte Grafik angewendet, obwohl sie gar nicht in das script und den Befehl eingebunden ist. Das passiert übrigens nicht, wenn ich die Grafik nachstelle.Was kann ich machen, damit die vorgestellte Grafik nicht auf das script reagiert?

Im Head sieht's so aus:
<SCRIPT LANGUAGE="JavaScript">

var Button1=new Image ();
 Button1.src="pics/button1.gif";
 var Button2=new Image ();
 Button2.src="pics/button2.gif";

function wechsel1 ()
{
/*onmouseover*/
window.document.images[0].src=Button2.src;
}
function wechsel2 ()
{
/*onmouseout*/
window.document.images[0].src=Button1.src;
}

Im Body eimal mit der Grafik vor und nach dem

<td align="right" valign="bottom">
<IMG src="grafik.gif">
<a href="xy.html" ONMOUSEOVER="wechsel1 ()"
ONMOUSEOUT="wechsel2 ()">
<IMG src="pics/button1.gif" border=0></a>
<IMG src="grafik.gif">
</td>

Hoffe sehr auf eine Antwort. Besten Dank im Voraus für Eure Mühe.
Harriet

[Ben]

Hallo Harriet

window.document.images[0].src=Button2.src;
window.document.images[0].src=Button1.src;

Diese Zeilen sagen, dass das 0te Bild (entspricht dem ersten) geändert werden soll. Wenn du ein Bild davorsetzt, musst du hier in die eckigen Klammern jeweils eine 1 eintragen. Wenn du noch ein Bild davorsetzt, eine 2...usw.

Viele Grüße
Ben