Rollover-Images in Layern + Netscape - bitte schnelle Hilfe!!!

[Chris]

Hallo...

Ich möchte mit dem JavaScript aus Selfhtml 8 Buttons mit einem Rollover-Effekt versehen. Das funktioniert auch einwandfrei, solange die Grafiken nicht in Layern sind (nur bei Netscape 4.x, bei IE5 funktionierts). Kann mir vielleicht jemand ein Tipp geben, was ich machen kann, damit das auch bei Netscape 4 funktioniert????

Danke
Chris

[Cheatah]

Hi,

Ich möchte mit dem JavaScript aus Selfhtml 8 Buttons mit einem Rollover-Effekt versehen. Das funktioniert auch einwandfrei, solange die Grafiken nicht in Layern sind (nur bei Netscape 4.x, bei IE5 funktionierts). Kann mir vielleicht jemand ein Tipp geben, was ich machen kann, damit das auch bei Netscape 4 funktioniert????

beachte die unterschiedlichen DOMs von Netscape und MSIE. Bei Netscape hat ein Layer (pder positioniertes <div>) ein eigenes document-Object:

document.layerName.document.imageName.src

Cheatah

[Chräcker Heller]

Hallo,

hey, das war mal meine erste Frage im Forum ;-)

NS fängt bei jedem Layer wieder "von vorne an zu zählen", und das kippt die Routine aus der SELFHTML-Doku.

Abhilfe schaft es hier, daß auszutauschende img nicht mit der "Nummer" aufzurufen (dann braucht man auch nicht immer zählen und kann auch enfach neue imgs vor den alten einfügen)... sondern per Namen. Das funktioniert so:

Die Funktion lautet

function Bildwechsel(Bildname,Bildobjekt)
{
window.document.images[Bildname].src = Bildobjekt.src;
}

und in jeden img, daß Du austauschen willst schreibst Du einen Namen und rufts die Funktion entsprechend auf, also z.Bsp.:

<a href="http://www.chraecker.de/stempel" onMouseOver="Bildwechsel('tauschmich',Highlight1)" onMouseOut="Bildwechsel ('tauschmich',Normal1)" >
<img name="tauschmich" srcdasbild.gif" width="154" height="36" border="0" alt="überfahr mich">
</a>

Chräcker

http://www.chraecker.de/stempel

PS. die Leute hier antworten lieber ohne einen "Schnelligkeitsvermerk" im Betreff (denn schnell sind wir sowieso ;-))

[Chräcker Heller]

Sorry,

wenigstens beim Quellcode sollte ich ordendlicher sein, hier also ohne falsche Leerzeichen und richtig:

<a href="http://www.chraecker.de/stempel" onMouseOver="Bildwechsel('tauschmich',Highlight1)" onMouseOut="Bildwechsel('tauschmich',Normal1)">
<img name="tauschmich" src="dasbild.gif" width="154" height="36" border="0" alt="überfahr mich">
</a>

Chräcker

http://www.chraecker.de/stempel