Question

js图片透明度改变问题：想触发事件，使一张图片的透明度从0到100变化。 请问应该如何做

window.onload=rote;
var thisAd=0;
function rote()
{
var adImages=new Array("1.gif","/2.gif","3.gif","4.gif","5.gif","6.gif","7.gif","8.gif");
thisAd++;
if (thisAd==adImages.length)
{
thisAd=0;
}
document.getElementById("adBanner").src=adImages[thisAd];
document.getElementById("adBanner").style.filter='alpha(opacity=0);';
for (var i=0;i<100;i++)
{
for (var j=0;j<5000;j++)
{
}
document.getElementById("adBanner").style.filter='alpha(opacity='+i+');';
}
setTimeout(rote,3000);
}

这是个图片轮播的程序，想在一个图片播放完毕后，下一个图片由全透明到完全出现这样变换，但是实际执行时轮播正常，但是根本看不到透明效果

Answer 1

可能是浏览器不支持。IE6下就不支持的。
请阅CSS滤镜的相关内容来确定。

追问

是ie8，我觉得是循环里面有问题，不是不兼容的原因

追答

你好，刚没细看你的程序，请将
document.getElementById("adBanner").style.filter='alpha(opacity='+i+');';

换成

setTimeout(function(){document.getElementById("adBanner").style.filter='alpha(opacity='+i+');'
},20)

追问

依然显示不出从全透明到不透明的效果....
for (var i=0;i<100;i++)
{
setTimeout(function(){document.getElementById("adBanner").style.filter='alpha(opacity='+i+');'
},20);
}

setTimeout是以一定的时间间隔执行函数，这样把setTimeout写在循环里面，应该不起作用？

追答

sorry,当时比较匆忙，没时间调试。 需要的效果弄出来就好。