Thomas J.S.: MySpace Header - Links mit Hover Effekt

Beitrag lesen

Hallo

onMouseOver=src="...v_03.jpg"

Dass, das so nicht gehen wird, muss dir klar sein.
Wenn dann bitte onMouseOver="src=' .... .jpg'" beachte die Setzung der Anführungszeichen.
Noch etwas besser wäre onMouseOver="this.src=' .... .jpg'"

Wobei das noch immer nicht so wirklich toll ist. Du muss auch bedenken, dass du dabei nicht nur über Bild "drüberfährst" sondern auch über den eigentlichen Link.

Schaue dir die Seite: http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#img an, da ist eich ein Bildwechel-Funktion dabei.

Du könntest dir eine kleine JavasCript-Funktion schreiben, die das Bildwechsel macht.
Wirklich sehr einfach könnte das so aussehen:

  
function mausDrueber(bildID) {  
  document.getElementById(bildID).src = "hoverbild.jpg";  
}  
function mausDrunter(bildID) {  
  document.getElementById(bildID).src = "originalbild.jpg";  
}  
  

<a href="..." onmouseover="mausDrueber('dasBild') onmouseout="mausDrunter('dasBild')"><img id="dasBild" src="...HeaderUnHov_03.jpg" border="0"></a>

Grüße
Thomas