用jQuery或JavaScript代替破碎的圖像

Question

我有一個網頁，其中包括數以千計的圖像10。有時圖像不可用，因此在客戶端瀏覽器中顯示損壞的圖像。

破碎的圖像採用以下URL格式：www.domain.com/t.php?src=p/dd5e5b08_1.jpg。

如何使用jQuery獲取圖像集，將其過濾爲損壞的圖像，然後替換src？

下不起作用：

的收盤價要高於</head>標籤

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
</script> 

的收盤價要高於標籤

<script type="text/javascript"> 
    $(window).load(function() { 
     $("img").each(function(){ 
      var image = $(this); 
      if(image.context.naturalWidth == 0 || image.readyState == 'uninitialized'){ 
       $(image).unbind("error").attr("src", "/images/no_image.png"); 
      } 
     }); 
    }); 
</script> 

Answer 1

此代碼可以幫助你：

function imgError(image){ 
    image.onerror = ""; 
    image.src = "/images/noimage.gif"; 
    return true; 
} 

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

嘗試CodeFiddle Demo