jQuery在绑定.load（）事件之前检查图像是否已经加载[重复]

Question

我有一个用于 jQuery 的 Coverflow 插件，它应该可以调整为一系列图像中最高的图像。

目前它在每个图像上使用.load() 绑定，并在计数器指示所有图像已加载后调整插件。不过，有人告诉我，这在所有浏览器上并不可靠。

通常，这些图像中的大多数已经加载到浏览器缓存中，因此.load() 绑定被触发的次数比必要的要多。

为了减少开销，我想通过仅对尚未加载的图像使用 .load() 绑定来尽可能减少 .load() 绑定的数量。

如何区分已经加载的图片和尚未加载的图片？

Answer 1

在绑定事件之前检查图片的complete属性。示例：

var img = $('.someImage');
if (img.prop('complete')) {
  // already loaded
} else {
  img.load(function(){
    // now it has loaded
  });
}