檢查URL連接 - 圖像加載

Question

我做了一些腳本，我從其他網站加載許多圖像。當它完成負載我做的：

$container.imagesLoaded(function(){ 

    alert('OK'); 
    .... /// do masonry layout 
}); 

但我有問題，當一些圖像網址不可用 - 腳本整個時間嘗試加載從URL的圖像，使他無法連接和心不是執行從imagesLoaded功能。我如何解決這個問題，並刪除img，不想從加載，例如10秒後加載。

Answer 1

<p> 
<span onclick="checkurlExist()">Click me!</span> 
</p> 

<script type="text/javascript"> 
    function checkurlExist() { 
     $.ajax({ 
      url:"http://yoururl.com/image.png", 
      statusCode: { 
       404: function() { 
        alert("URL not found"); 
       } 
      }, 
      success: function() { 
       alert('success'); 
      }, 
      error: function() { 
       alert('error'); 
      } 
     }); 
    } 
</script>