谁能帮忙把这段JS代码改成Firefox兼容的图片渐隐渐显效果
JS部分<script language="javascript" type="text/javascript">
var NowFrame = 1;
var MaxFrame = 4;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if (next == MaxFrame + 1) {
NowFrame = MaxFrame;
next = 1;
}
if (bStart == 0) {
bStart = 1;
setTimeout('fnToggle()', 1000);
return;
}
else {
oTransContainer.filters[0].Apply();
document.images['oDIV' + next].style.display = "";
document.images['oDIV' + NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration = 5);
if (NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
</script>
HTML部分
<div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward')";>
<img id="oDIV1" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="images/left_pic1.jpg" border=0>
<img id="oDIV2" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="images/left_pic2.jpg" border=0>
<img id="oDIV3" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="images/left_pic3.jpg" border=0>
<img id="oDIV4" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="images/left_pic4.jpg" border=0>
</div>