Onmouseover....

[molkman]

also,
ich will, dass meine buttons wenn man mit der maus drüberfährt sich verändern.
aber: meine site sieht so aus:


|banner|

|bild| |button1| |button2| ...|bild|

ja und wenn ich bei dem button eins folgendes einfüg:

<A HREF="mouse.html" onmouseover="document.images[1].src='files/menue/newsover.jpg'; return true;" onmouseout="document.images[1].src='files/menue/news.jpg'; return true;">

<IMG SRC="files/menue/news.jpg"></A>

dann verändert immer der |banner| das aussehen und nicht der button1.

also |banner| wird zu |button1|...

wie mach ich das der jeweilige button das aussehen verändert und nicht immer der |banner|?

.

die site sieht übrigens bis jetzt so aus:
http://www.molkman.de

 

[SilentWarrior]

document.images[1].src -> document.images[2].src

 

[molkman]

irgendein fehler ich egmacht....:

http://www.molkman.de/ueberschrift4.html

schau dir mal bitte den text an .... (bin eben noch nubi )

 

[Andreas Gaisbauer]

Hallo,

Dein Banner ist das Image mit der Nummer "0" (weil es das erste Image ist, das im Quelltext auftaucht. Wenn du jetzt document.images[0] schreibst greifst du auf das Banner zu...

Deswegen machs lieber so:

 <a onmouseout="document.images[1].src='files/menue/news.jpg'; return true;" 
      onmouseover="document.images[1].src='files/menue/newsover.jpg'; return true;" 
      href="http://www.molkman.de/mouse.html"> 
<img src="ueberschrift4_files/news.jpg"></a>

für das nächste Bild dann...

 <a onmouseout="document.images[2].src='files/menue/DEINPIC.jpg'; return true;" 
      onmouseover="document.images[2].src='files/menue/DEINPICover.jpg'; return true;" 
      href="http://www.molkman.de/mouse.html"> 
<img src="ueberschrift4_files/DEINPIC.jpg"></a>

und so weiter...

Desweiteren würd ich dich bitten mal unsere Netiquette zu lesen (Punkt 12) und dich in Zukunft dran zu halten...


bye

 

[molkman]

Danke...

Ich halt mich in zwischen mehr an die Regeln .



PS: Hier sieht man das Ergebnis .

 

[SilentWarrior]

Molkman: Das Script funktioniert zwar jetzt, hat aber noch einen Schönheitsfehler. Wenn man zum ersten Mal auf der Seite ist, dauert es eine gewisse Zeit, bis die Bilder beim onMouseOver erscheinen - dies lässt sich durch folgendes Script verhindern:

http://selfhtml.teamone.de/javascript/beispiele/buttons.htm