LX: Bildwechsel funktioniert im Firefox, aber IE und OPERA nicht

Beitrag lesen

Hi!

Wenn Du unbedingt JavaScript benutzen willst, übergebe das Bild bei onmouseover/out lieber per this (wie in onmouseover="Bildwechsel(this,'bildname.png');").

Es gibt jedoch noch eine weitere Möglichkeit ohne JavaScript, nämlich mit CSS. Dazu gibst Du das jeweilige Bild dem Link normal bzw. per :hover mit, in etwa so:

HTML:

<li id="test"><a><span>test</span></a></li>

CSS:

  
#navi li a span { display: none; }  
#test a { display: block; background: url(test.png) no-repeat; }  
#test a:hover { background-image: url(testover.png); }  

Dieser Code hat den maßgeblichen Vorteil, dass Browser ohne JavaScript trotzdem den Bildwechsel ausführen (sogar MSIE!).

Gruß, LX

--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes