js path img src从array []加载并缓存但仍然是滞后的

Question

所以，也许是因为我是js或者其他什么的初学者，但是我有一些具有一些性能问题的多图像动画。

（我的DOM：

<img id="earth-sprite" src="" />

）

我有什么：

var images = [
    imgPath + 'earth-png/a1.png',
    imgPath + 'earth-png/a2.png',
    imgPath + 'earth-png/a3.png',
    imgPath + 'earth-png/a4.png',
    ...

imgPath是来自django的{％static'路径'％}

然后我有'加载'：

function loadImgs() {
        if (i < totalImg) {
            if (i < 20) {
                $.ajax({
                    type: 'GET',
                    url: images[i],
                    crossDomain: true,
                    xhrFields: {
                        withCredentials: false
                    },
                    complete: function() {
                        i++;
                        loadImgs();                     
                    }
                });
            }
          };

然后，补间动画，以便您了解我为什么不使用DOM：

var earthSpine = new TimelineMax();

        earthSpine
            .to(obj, 0.7, {
                curImg: images.length,
                roundProps: "curImg",
                immediateRender: true,
                ease: Linear.easeNone,
                onUpdate: function() {
                    //next image on update
                    earthSprite.src = images[obj.curImg];                   
                }
            });

然后，当我分析xhr请求时，我看到所有内容都缓存在内存中，但是当我滚动（滚动时显示动画）服务器仍在发送GET请求 :(

我做错了吗？

我会祝福任何帮助哈哈，

欢呼声