jquery - 使用 jQuery 预加载大图像

Question

所以我遇到了这个问题，我需要将非常大的图像（7MB）显示为背景和其他东西，但是当在线时，浏览器只需花一点时间并慢慢显示图像（比如它的 2001 年）。

有没有办法获得某种预加载器，比如在 Flash 中，但是使用 jQuery？我见过很多东西，但这似乎不是实际的预加载，而是即时引入图像。

有没有办法我可以做到这一点？

Answer 1

没试过，不过有个jquery插件可以帮忙，懒加载

http://www.appelsiini.net/projects/lazyload

Answer 2

您肯定需要针对网络优化这些图像。话虽如此，您可以通过多种方式预加载它们。我肯定只会在您需要它们时才加载它们，因此您可以尝试将图像 URL 存储在某个地方，然后在需要时执行以下操作：

var myImageUrl='image.jpg';
$('.imageContainer').append('<img src="'+myImageUrl+'" />');
$('.imageContainer img').load(function() {
    alert('done loading image');
});

有了这个，您可以创建一个预加载器。