使用jQuery预加载大图像

Question

所以我有这个问题，我需要显示大图像（7MB）作为背景和东西，但在线时浏览器只需花一点时间慢慢显示图像（如2001年）。

有没有办法获得某种预加载器，比如在flash中，但是使用jQuery？我已经看过很多东西，但这似乎不是真正的预加载，而是在运行中引入图像。

我有办法做到这一点吗？

Answer 1

我还没有尝试过，但有一个jquery插件可以提供帮助，Lazy Load

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

Answer 2

您肯定需要为网络优化这些图像。话虽如此，有一些方法可以预加载它们。我肯定只会在你需要的时候加载它们，所以你可以尝试在某个地方存储图像网址，然后在需要的时候执行以下操作：

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

通过这种方式，您可以创建预加载器。