Mehrere Rollover...

[Marcus]

Hallo,

hab schon alles was google und ihr hier gefunden wurde durchgelesen, aber entweder funktioniert es nicht oder es ist nicht treffend genug.
Und zwar hab ich net Website mit PS erstellt. Also sind alles durch Slices, kleine Bilder geworden. Mein Menu besteht aus Home usw.
Wenn ich jetzt über das Bild Home mit der Maus gehe, will ich, dass dieses Bild "Home" durch "Home2" ersetzt wird und gleichzeitig ein anderes Bild im Bereich drunter. Wenn man mit der Maus weggeht soll es wieder der Ursprung sein. Soll ich mal den Quellcode kopieren und lässt sich das mit einem "Standard-Script" schnell anpassen?

Vielen Dank,

alessandro

[Frank]

Hi alessandro

reicht Dir das ?
http://de.selfhtml.org/javascript/beispiele/buttons.htm

Gruss, Frank

[alessandro]

Hi alessandro

reicht Dir das ?
http://de.selfhtml.org/javascript/beispiele/buttons.htm

Gruss, Frank

Nicht wirklich, aber danke schonmal.
Es sollen ja zwei Bilder ausgetauscht werden eins davon, an einer anderne Stelle der Website...das ist ja das Problem...

alessandro

[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