Christoph: zwei Images gleichzeitig wechseln mit mousover socks

Beitrag lesen

Hallo Leute,
schreib hier grad eine kleine Seite und will zwei Images gleichzeitig mit mouseover ansprechen, aber irgendwas hab ich wohl übersehen, weiss irgendwer, was das ist?

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
i01 = new Image();
i02 = new Image();
i03 = new Image();
i04 = new Image();
i05 = new Image();
i06 = new Image();

i01.src = "welcome.gif";
i02.src = "portrait.jpg";
i03.src = "contact.jpg";
i04.src = "person.jpg";
i05.src = "hallohead.jpg";
i06.src = "contacthead.jpg"

function hiLite(imgID,imgobjName,imgID,imgobjName)
{
  document.images[imgID].src = eval(imgobjName + ".src")
}
//-->
</SCRIPT>
<TITLE>Christoph Röll</TITLE>
<BODY BACKGROUND="kachel3.gif">
<DIV STYLE="position:absolute; left:120px; top:80px">
  <IMG SRC="singelrot.gif" WIDTH="20" HEIGHT="20">
</DIV>
<DIV STYLE="position:absolute; left:20px; top:200px">
  <A HREF="index.html" onMouseOver="hiLite('i01','i03','i05','i06')" onMouseOut="hiLite('i01','i01','i05','i05')">Contact</A>

</DIV>
<DIV STYLE="position:absolute; left:160px; top:60px">
  <A HREF="index.html" onMouseOver="hiLite('i01','i04')" onMouseOut="hiLite('i01','i01')">Person</A>
</DIV>
<!>
<DIV STYLE="position:absolute; left:440px; top:60px">
  <A HREF="index.html" onMouseOver="hiLite('i01','i02')" onMouseOut="hiLite('i01','i01')">Portrait</A>
</DIV>
<DIV STYLE="position:absolute; left:5px; top:450px">
  Best viewed with<br>
  Opera Browser<br>
  Turn JavaScript on<br>
  500@christoph-roell.de
</DIV>
<CENTER>
<TABLE CELLSPACING=0 BORDER=0>
  <TR>
    <TD HEIGHT=170>
  </TR>
  <TR>
    <TD WIDTH=60></TD>
    <TD BGCOLOR="#FF2400" WIDTH=30px HEIGHT=30px></TD>
    <TD BGCOLOR="Khaki" WIDTH=200px><IMG name="i05" SRC="hallohead.jpg"></TD>
    <TD></TD>
  </TR>
  <TR>
    <TD></TD>
    <TD BGCOLOR="Khaki" HEIGHT=280px></TD>
    <TD BGCOLOR="Khaki" VALIGN="top"><IMG name="i01" SRC="welcome.gif"></TD>
    <TD><IMG SRC="singeltransrot.png" WIDTH=30px HEIGHT=280px></TD>
  </TR>
  <TR>
    <TD></TD>
    <TD></TD>
    <TD><IMG SRC="singeltransrot.png" WIDTH=200px HEIGHT=30px></TD>
    <TD><IMG SRC="singeltransrot.png" WIDTH=30px HEIGHT=30px></TD>
  </TR>

</CENTER>