Я создаю скрипт, где загружаю много изображений с других сайтов. Когда он заканчивает загрузку, я делаю:
$container.imagesLoaded( function(){
alert('OK');
.... /// do masonry layout
});
Но у меня проблема, когда какой-то URL-адрес img недоступен - скрипт все время пытается загрузить изображения с URL-адреса, с которым он не может подключиться и функции из imagesLoaded не выполняется. Как я могу решить эту проблему и удалить img, который не хочет загружаться после загрузки, например, через 10 секунд.
<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>