用jQuery预加载大图片

Question

所以我有这个问题，有很大的图片（7MB），我需要显示为背景和东西，但是当在线浏览器只需要一点时间并缓慢地显示图片（就像它的2001年）。

有没有办法像flash一样获得某种预加载器，但使用jQuery？我已经看过很多东西，但这似乎不是实际的预加载，而是动态地引入图像。

有没有一种方法可以做到这一点？

Answer 1

您绝对需要为网络优化这些图片。这就是说，你可以预先加载它们。当你需要的时候，我肯定会只加载他们，所以需要做这样的事情时，你可以尝试在存储图像的URL，然后某处：

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

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

Answer 2

我还没有尝试过，但有一个jQuery插件，可以帮助，延迟加载

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