Javascript jQuery中滚动的图像序列

我正在创建一个简单的动画，在jQuery的页面滚动中显示一系列的图像（大约200个）。以下代码在Chrome和Safari中运行良好，但在Firefox中图像会闪烁。我尝试了所有可能的解决方案，包括预加载图像和减小文件大小，但都没有效果

    var nextImage = "frames/1.png";
    var i=0;
    var myAnim = function(){
        $(".myImageHolder").attr('src', nextImage);
        i++;
        nextImage="frames/"+i+".png";
        //console.log(nextImage);
    };

    $(window).on("scroll",function() {
        myAnim();
    });

---

有人能帮忙吗

唯一的解决方案是压缩图像，并将PNG-24转换为PNG-8。

---

减少图像的数量和大小可以解决此问题。

您是否尝试过使用

.prop（）

而不是

.attr（）

？这没有帮助。还是一样。我甚至尝试显示（）和隐藏（）图像。这个问题仍然存在。我正在加载所有图像，然后隐藏它们。我正在滚动事件中显示当前图像。