在jQuery中滚动闪烁的图像序列

Question

我正在创建一个简单的动画，它将在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();
    });

有人可以帮忙吗？

Answer 1

唯一的解决方案是压缩图像，并将PNG-24转换为PNG-8。 减少图像的数量和大小可以解决这个问题。