防弹jquery图像加载例程

时间:2012-03-20 09:21:05

标签: jquery jquery-plugins

我知道这是一个常见问题,但任何人都有一个防弹jquery例程来检查图像是否成功加载,如果没有,请做一些事情。我已经尝试了在这里和其他论坛发布的一些想法。我也尝试了几个插件,imagesLoaded和waitForImages,所有这些插件似乎都有漏洞,这意味着一些破碎的图像未被发现。有人可以提出建议吗?感谢。

这是我目前正在使用的代码:

$(function() {
    $(".vehicleImage").one("load", function() {
        // Image loaded successfully
        };
    }).each(function() {
        if (this.complete) $(this).load();
    }).error(function () {  
        // Image didn't load, so do something about it
    })
});

1 个答案:

答案 0 :(得分:1)

来自Remy Sharp的技术效果非常好:https://gist.github.com/2028925

Remy在JavaScript中创建一个新的Image对象并将其包装在jQuery中,而不是使用DOM中的img元素。