JQuery заменить поврежденное изображение с иконкой noimage

Question

У меня есть несколько ссылок на изображения, у которых еще нет изображений, но я знаю, что когда они будут доступны, они будут называться pic1 и pic2.jpg, поэтому я установил theimage src для тега img. но до тех пор, пока изображение не станет доступным, я не хочу, чтобы красный крестик для испорченного изображения показывался, поэтому у меня есть значок noimage.jpg, который должен заменить источник всего испорченного изображения. Я использую это и это своего рода работает, но значок 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();
});

Когда документ готов, он скроет все изображения, а затем запустит метод "load", чтобы показать их, а также код обработки ошибок.