hallo zusammen!
ich habe mir unter verwendung von "Opacity" einen fade in bzw. fade out effekt für bilder und einzelne textteile gebastelt, mit javascript.
das ganze schaut bis jetzt so aus:
function fade_in(what, delay, o)
{
if(o>100)return;
if(document.getElementsByName(what)&&document.getElementsByName(what)[0]){
var element=document.getElementsByName(what)[0];
}
else if(document.getElementById(what)){
var element=document.getElementById(what);
}
else if(document.getElementsByTagName(what)&&document.getElementsByTagName(what)[0]){
var element=document.getElementsByTagName(what)[0];
}
else{
return;
}
// IE
element.style.filter = "alpha(opacity="+o+")";
// Safari, Konqueror
element.style.KHTMLOpacity = o/100;
// Mozilla, Firefox
element.style.MozOpacity = o/100;
// CSS3
element.style.opacity = o/100;
o+=2;
setTimeout("fade_in('"+what+"',"+delay+","+o+")", delay);
}
jetzt hab ich bis jetzt nur die objecte über ihre id angesprochen, hab aber dann die funktionen
getElementsByTagName
getElementsByName
zusätzlich eingebaut und hab dann das ganze auf den Tag body angewandt, was einen einblendeffekt für die gesamte seite bewirkt. nur das hintergrundbild ist davon dann nicht betroffen.
dann hab ich den tag <html> verwendet, was im IE einen einblendeffekt für die gesamte seite samt hintergrundbild bewirkt, im firefox aber nicht funktioniert.
wie kann ich jetzt auch für den firefox das hintergrundbild einblenden?
danke schon im voraus für eure anregungen
ìtte