jquery替换没有图像图标的破碎图像

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();
});

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