检查网址连接 - 图像加载

Question

我制作一些脚本，我从其他网站加载许多图像。当它完成加载时我做：

$container.imagesLoaded( function(){

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

但是当一些img url不可用时我有问题 - 脚本整个时间尝试从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>