jquery图像预加载和错误检测

Question

长时间听众，第一次打电话......

我有一个页面，我正在尝试预先加载一系列图像，并在显示之前替换任何缺失的图像。我目前正在使用标准的图像加载器，它可以正常工作，但对断开的链接没有帮助

预加载功能

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
            $('<img/>')[0].src = this;
    });
}

用法

preload([image.jpg]);

如何使用jQuery预加载图像集并用静态链接替换损坏的链接，所有这些都在页面上使用之前？想法是防止丢失图像'？'永远都会出现。

由于

Answer 1

您可以使用jQuery error()来检测图像未正确加载的时间。

尝试

$('<img/>').error(function() {$(this).attr("src","your_static_link_here");});