jquery用noimage图标替换损坏的图像

Question

我有几个图像链接还没有任何图像，但我知道它们何时可用，它们将被命名为 pic1 和 pic2.jpg，所以我为 img 标签设置了图像 src。但是在图像可用之前，我不希望出现损坏图像的红十字，所以我有 noimage.jpg 图标应该替换所有损坏图像的 src。我正在使用它，它有点工作，但 noimage 图标在快速闪现损坏的图像红十字后替换损坏的图像。我们能不能完全阻止快速闪烁显示红十字损坏的图像，这样用户只能看到 noimage 图标..

$("img").error(function () {  
 $(this).unbind("error").attr("src", "noimage.gif"); }); 

Answer 1

试试这个...

$(function() {
    $("img").one("load", function() {
        $(this).show();
    }).each(function() {
        if (this.complete) $(this).load();
    }).error(function () {  
        $(this).unbind("error").attr("src", "noimage.gif");
    }).hide();
});

在文档准备好时，它会隐藏每个图像，然后运行“加载”方法来显示它们，同时还包括您的错误处理代码。