mouseover

[kellerchef]

hallo,
ich bräuchte da mal hilfe von experten. möchte auf meiner homepage, dass die buttons, wenn man mit der maus drüberfährt, in einen jeweils anderen button umändern. so soll sich zum beispiel der home-button "home.gif", wenn man mit dem mauszeiger darüberfährt, in den button "homemouseover.gif"(ich nenne ihn jetzt nur mal so, denn es gibt ihn noch nicht, ich muss ihn erst noch getalten) umändern.
die url ist www.weingut-paul-schunk.de/banner.htm
es wäre nett, wnn mir jemand helfen würde.

Danke !

[Armag3ddon]

In die img-tags folgendes reinschreiben:

onMouseOver="this.src='homemouseover.gif';" onMouseOut="this.src='home.gif';"

z.B.
<img src="home.gif" onMouseOver="this.src='homemouseover.gif';" onMouseOut="this.src='home.gif';">

[D.R.]

Hallo,

[…]so soll sich zum beispiel der home-button "home.gif", wenn man mit dem mauszeiger darüberfährt, in den button "homemouseover.gif"(ich nenne ihn jetzt nur mal so, denn es gibt ihn noch nicht, ich muss ihn erst noch getalten) umändern.

Das geht sogar mit CSS:

  
a.button {display:block; width:[breite des Bildes] height:[Höhe des Bildes]; background-image:url([url_deines_Bildes])};  
  
a.button:hover  
 {background-image:url([url_deines_mouseover_Bildes])}  

mfg. Daniel

[baumeister]

schau mal hier: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active

das ganze geht mit css, du benutzt :hover, dann brauchst du gar kein javascript. falls es unbedingt js sein soll, gibt es hier ein beispiel: http://de.selfhtml.org/javascript/beispiele/buttons.htm

als gutes, etwas anders gelöstes praxisbeispiel kann ich das hier nennen: hammertext.de

• nur css
• horizontale nav durch float:left
• kein nachladen weil beide zustände des buttons auf einer grafik sind
• einbindung als hintergrundgrafik, die bei mouseover verschoben wird

gruß baumeister