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.