onmouseover onmouserout

[Tai]

Hallo, ich hab irgendwie ein kleines Problem.

Ich wollte eine Navi machen:

Oben ein Bild darunter TextLinks, wenn man auf den TL geht verändert sich das Bild in das Bild was zu dem Text gehört.

Ich hab mir das vorgestellt wie hier:

http://www.nge-heaven.de
Auf das EnterBild klicken

Dann rechts im Menü, Partnerseiten.

Genauso möchte ich das machen.

Nur komm ich mit dem sein Quellcode nicht klar, kann mir jemand mal so ein Code erstellen, nur mit einem Bsp. und allg. Angaben ?

Dann versteh ich das irgendwie auch besser.

THX schonmal !

[Alex]

hallo, falls es dich nicht stört, dass einige ältere browser damit nicht klarkommen könnten, kannst du folgenden code nehmen:

<img src="..." alt="..." id="bild" />
<a href="..." title="..." onmouseover="document.images.bild.src='...';" onmouseout="document.images.src='...';">...</a>

jetzt halt noch die ... durch sinnvolle angabe ersetzen und das ganze funktioniert auf allen browsern, die das DOM korrekt behandeln

[Tai]

Kannst du mir das mal mit nem Bsp. machen ... ich bekomm das einfach nicht hin / bei mir klappt das nicht :(

[wahsaga]

hi,

Kannst du mir das mal mit nem Bsp. machen ... ich bekomm das einfach nicht hin / bei mir klappt das nicht :(

_was_ hast du bisher versucht, und _warum_ "klappt das nicht"?

SELF im forumsnamen heisst, dass wir dir tipps geben, nicht das wir deinen teil der arbeit machen.

gruss,
wahsaga

[Struppi]

hallo, falls es dich nicht stört, dass einige ältere browser damit nicht klarkommen könnten, kannst du folgenden code nehmen:

Welche Browser meinst du?
Außer dem IE 3 ist mir keiner bekannt der kein document.images kann und wenn du name statt id verwendest können es fast alle Browser.

<img src="..." alt="..." id="bild" />
<a href="..." title="..." onmouseover="document.images.bild.src='...';" onmouseout="document.images.src='...';">...</a>

Wenn du es wirklich einfach machen willst und auf NC 4 verzichten kannst (was bei einem mouseover eigentlich der Fall sein sollte - da es ja keine fundamentale Funktion ist) wäre das sinnvoll:

<img
src="..." alt="..."
onmouseover="old_src=this.src;this.src='...';"
onmouseout="this.src=old_src;"

....

wie z.b. mein einfaches mouseover skript http://home.arcor.de/struebig/js/mouse_over/index.html

Struppi.