请教用于加载图像的jQuery事件

Question

用于加载图像的jQuery事件

当通过jQuery事件加载所有图像时，是否能够检测到？

理想情况下，应该有一个

$(document).idle(function(){}

或

$(document).contentLoaded(function(){}

但我找不到这样的东西。

我想要附加这样一个事件：

$(document).ready(function(){
    var imageTotal = $('img').length;
    var imageCount = 0;        
    $('img').load(function(){if(++imageCount == imageTotal) doStuff();});}

但是，如果图像无法加载，这会中断吗？在正确的时间调用该方法是非常重要的。

Answer 1

如果你想检查的不是所有的图像，而是一个特定的(例如。在DOM完成后动态替换的图像)您可以使用以下内容：$('#myImage').attr('src', 'image.jpg').on("load", function() {     alert('Image Loaded');  });

Answer 2

你可以用我的插件等待图像来处理这件事.。$(document).waitForImages(function() {    // Loaded.});它的优点是您可以将其定位为一个祖先元素，而它可以任选检测CSS中引用的图像。不过，这只是冰山一角，看看文献资料更多功能。