Mehrere Rollover...

[alessandro]

Hab jetzt danke Java den Austausch erfolgreich gelöst. Leider nur werden neue "Rahmen" erstellt und zwar über der eigentlichen Website. Wie bekomme ich das nun hin, dass die Bilder nur an der Stelle ausgetauscht werden wo sich auch das Slice befindet?

Head:

<script type="text/javascript" language="JavaScript">
<!--
i01 = new Image();
i01.src = "Bilder/index2_04.jpg"; /* normale-Grafik */
i02 = new Image();
i02.src = "Bilder/index2_04_red.jpg"; /* Highlight-Grafik */
i03 = new Image();
i03.src = "Bilder/index2_11.jpg"; /* normale-Grafik */
i04 = new Image();
i04.src = "Bilder/index2_12_cont.jpg"; /* Highlight-Grafik */
i05 = new Image();

function hiLite(imgID,imgObjName) {
// imgID - Name des auszutauschenden Bildes z.B. foto2
// imgObjName - Name des Bildes mit dem ausgetauscht wird z.B. i02
document.images[imgID].src = eval(imgObjName + ".src")
}
//-->
</script>

Body:

<a href="#" OnMouseover="hiLite('foto1','i02');hiLite('foto2','i04')" OnMouseout="hiLite('foto1','i01'),hiLite('foto2','i03')"><img name="foto1" src="bild1.jpg" width="169" height="26" border="0" alt="name f&uuml;r dieses Bild = foto1"></a> &nbsp; <img name="foto2" src="bild3.jpg" width="919" height="623" border="0" alt="name f&uuml;r dieses Bild = foto2">

Das sind die Zeilen für die Stellen, wo der Austausch stattfinden soll:

<a href="contact.html"><img src="Bilder/index2_04.jpg" width="169" height="26" border="0" alt=""></a></td>
  <td colspan="2">

<img src="Bilder/index2_11.jpg" width="919" height="623" alt=""></td>
<td rowspan="3">

Vielen Dank,

alessandro