HAL: onmouseover fadein

Beitrag lesen

Nun meine Frage:
Wie kann ich hinbekommen, dass die IMG eingeblendet werden, also fadein fadeout.

Gruß Red

Das ganze könnte man vielleicht auch so lösen:

  
function set_trans(a,was) {  
  var perc=a/100;                     // Umrechnug in Wert zwischen 0 und 1 für opacity  
  var filter="Alpha(opacity="+a+")";  // IE  
  var el=document.getElementById("bild");  
  el.style.filter=filter;             // IE (Wert zwischen 0 und 100)  
  el.style.opacity=perc;              // style setzen  
  if(was=="in") {                     // Wenn FadeIn  
    a=a+5;                            // Hier kann die Geschwindigkeit angepasst werden z.B. +10 -> schneller, +1 -> langsamer  
    if(a<=99)                         // Wenn noch nicht den Max-Wert erreicht  
      window.setTimeout("set_trans("+a+",'"+was+"')", 1); // Diese Funktion wieder aufrufen  
  }  
  else {                              // das gleiche nochmal für fadeOut  
    a=a-5;  
    if(a>=0)  
      window.setTimeout("set_trans("+a+",'"+was+"')", 1);  
  }  
}  

  
<div style="height:80px; width:80px; background:url(bild.gif);" id="bild"></div>  
<input type="button" value="fadeIn" onclick="set_trans(0,'in');" />  
<input type="button" value="fadeOut" onclick="set_trans(100,'out');" />  

Das ist mir jetzt dazu auf die Schnelle eingefallen, es gibt bestimmt auch noch schönere Methoden. Das Ganze sollte auch im InternetExplorer laufen (ungetestet). Wenn du nun ein Bild faden willst kannst du es ja entsprechend umbauen, ich hoffe es hilft.

Grüße.