使用依赖于错误的错误替换图像

时间:2015-06-21 02:00:28

标签: javascript jquery html image

我正在尝试将onerror与图片一起使用,但不是要查看图片来源是否合适,而是检查其他链接是否合适。

我想使用onerror来查看(让他们说google.com)是好的,然后它会显示绿色图片,但如果google.com出于某种原因最终会有404,那么它将显示一个红色图像。下面是我的代码和小提琴的示例。

任何帮助将不胜感激。

http://jsfiddle.net/w0xf3pc6/

<img src="http://greensportsalliance.org/images/darkGreenSquare.gif" 
                                                 onerror="imgError(this);"/>

function imgError(image) {
    image.onerror = "";
    image.src = "http://objects.chopard.com/media/catalog/category/bg-red-carpet.jpg";
    return true;
}

1 个答案:

答案 0 :(得分:0)

在这里工作正常:在您的项目中再试一次......

&#13;
&#13;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html>
  <head>
    <script>
function imgError(image) {
    image.onerror = "";
    image.src = "http://objects.chopard.com/media/catalog/category/bg-red-carpet.jpg";
    return true;
}
</script>
    </head>
  
<body>

<img src="image.gif" onerror="imgError(this);">



</body>
</html>
&#13;
&#13;
&#13;