javascript图片渐变轮换效果

<html>

<head>

<title>图片渐变轮换效果</title>

</head>

<body>

<p>图片渐变轮换效果(IE),请等几秒钟看效果</p>

<a href="#" id="javascript.a"><img src="UploadFiles/2006-6/69311881.jpg" id="javascript.img" border=0

style="filter:blendTrans(duration=2)" width="240" height="180"></a>

<!--

var ImgSrc = new Array();//图片地址

ImgSrc[0] = "UploadFiles/2006-6/69846915.jpg"

ImgSrc[1] = "UploadFiles/2006-7/73557027.jpg"

ImgSrc[2] = "UploadFiles/2006-7/73557027.jpg"

ImgSrc[3] = "UploadFiles/2006-7/79256345.jpg"

for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//预加载图片

var ImgAlt = new Array();//鼠标放上去显示的文字

ImgAlt[0] = "合纵堂相簿1"

ImgAlt[1] = "合纵堂相簿2"

ImgAlt[2] = "合纵堂相簿3"

ImgAlt[3] = "合纵堂相簿4"

var ImgHerf = new Array();//链接

ImgHerf[0] = "0/5dshow/archives/2006/200669165010.html"

ImgHerf[1] = "0/5dshow/archives/2006/200669165010.html"

ImgHerf[2] = "0/qiaomai/archives/2006/200673211517.html"

ImgHerf[3] = "0/qiaomai/archives/2006/200679131446.html"

var step=0;

function slideit(){

var oImg = document.getElementById("javascript.img");

if (document.all){oImg.filters.blendTrans.apply();}

oImg.src="ImgSrc[step]";

document.getElementById("javascript.a").href="ImgHerf[step]";

oImg.title=ImgAlt[step];

if (document.all){oImg.filters.blendTrans.play();}

step = (step<(ImgSrc.length-1))?(step+1):0;

(new Image()).src = ImgSrc[step];//加载下一个图片

}

setInterval("slideit()",3000);

//-->

</script>

</body>

</html>