预加载大量图像

Question

我知道这个问题已被多次询问，但所有答案似乎互相冲突。我有500-600张图像，我想预加载并放入滑块。实现这一目标的最有效方法是什么？

如果之前已经回答过，请再次道歉。

由于

Answer 1

大多数情况下，在600张图片的页面上，用户很可能不会查看所有600张图片。您应该根据需要加载图片。许多图像都会占用你的带宽。

Answer 2

没有有效的方法来预加载600张图片，正如评论所说，延迟加载会更好。

如果你必须预加载所有这些，我会忘记JS，只需将图像放在页面上的一个元素中，然后将该元素放在屏幕上，如左：-5000px等（显示：无效） ）。

Answer 3

看看ImageLoader。

您可以使用它来加载图像并跟踪加载的图像。 例如

var imageLoader1 = new ImageLoader( {
    "images": [
            { "id":101, file: "path/image1.png" },
            { "id":102, file: "path/image2.png" }
        ],
        "onAllLoaded":function() { alert( "Images loaded" ); }
    } );

这是您要预加载所有图像。对于600张图片，可能你不应该这样做。