预加载大量图像

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

再次道歉，如果这之前已被回答。

感谢

来源

2012-03-01 Peter

为什么不实施延迟加载呢？预先加载600张图片太过于浪费...... – elclanrs 2012-03-01 10:42:23

使用AJAX在下一张/上一张幻灯片中加载图片 – 2012-03-01 10:46:48

看看ImageLoader。

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

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

这是如果你想预先加载所有的图像。对于600张图片，可能你不应该这样做。

来源

2012-03-01 10:47:10

感谢您的链接，我会检查它，看看它是否有帮助！ – Peter 2012-03-01 12:58:53

大多数时候600个图像的页面上，用户最有可能将无法查看所有600 ..你或许应该加载图像是必要的。那么多图像会消耗你的带宽。

来源

2012-03-01 10:46:37

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

如果你不得不预先加载所有的图片，我会忘记JS，只需将图片放入页面的元素中，然后将该元素从屏幕上移开，如左：-5000px等等（display：none will not工作）。

来源

2012-03-01 10:49:25 adeneo

是的，我认为懒加载将是最好的选择，我从来没有做过它。 – Peter 2012-03-01 13:00:25

预加载大量图像

回答

相关问题