Question

这是我的导师的演示，他制作了一张横幅（如幻灯片），其中3张图片会反复变化。当我将此代码应用于我的项目时，它出现了一个错误：未捕获TypeError：对象＃没有方法'过滤器'。

我问他，他说'过滤器'方法用于IE浏览器，如果我想在chrome或firefox中使用它，我必须找到另一种方法。

我搜索了谷歌但仍未找到答案。请有人告诉我如何解决此错误。非常感谢你。

JS代码：

var switchImage = 0;
var imageArray = ['image1','image2','image3'];
function blend() {
    for (var i =0; i <imageArray.length; i++) {
        if (i != switchImage) {
            document.getElementById(imageArray[i]).style.visibility = "hidden";
            document.getElementById(imageArray[i]).filters("blendTrans").apply();
            document.getElementById(imageArray[i]).filters("blendTrans").play();
        }
    }
}
function reBlend() {
    switchImage = Math.floor(Math.random() * (2 - 0 + 1)) + 0;
    document.getElementById(imageArray[switchImage]).style.visibility = "visible" ;
    for (var i = 0; i < imageArray.length; i++) {
        if (i != switchImage) {
            document.getElementById(imageArray[switchImage]).style.zIndex -= 4;
        } else {
            document.getElementById(imageArray[switchImage]).style.zIndex += 4;
        }
    }
    blend();
}

图片代码：

<IMG ID ="image1" SRC ="images/banner1.png" ONFILTERCHANGE ="reBlend()"
             style="position:absolute; 
                         filter:blendTrans(duration=3); z-index: 3"/>
<IMG ID ="image2" SRC ="images/banner2.jpg" ONFILTERCHANGE ="reBlend()"
             style="position:absolute; 
                         filter:blendTrans(duration=3); z-index: 2"/>
<IMG ID ="image3" SRC ="images/banner3.jpg" ONFILTERCHANGE ="reBlend()"
             style="position:absolute;
                         filter:blendTrans(duration=3); z-index: 1"/>

未捕获的TypeError：对象＃<htmlimageelement>没有方法'filters'</htmlimageelement>

0 个答案: