Определение надежности загрузки изображения - одна из великих загадок JavaScript. Я пробовал различные сценарии / библиотеки сценариев, которые проверяют события onload и onerror, но у меня были смешанные и ненадежные результаты.
Могу ли я надежно просто проверить полное свойство (IE 6-8 и Firefox), как я сделал в приведенном ниже сценарии? У меня просто есть страница со списком серверов, и я делаю ссылку на on.gif на каждом сервере. Если он не загружается, я просто хочу загрузить off.gif. Это только для внутреннего использования ... Мне просто нужно, чтобы он был надежным в отображении статуса !!!
<script type="text/javascript">
var allimgs = document.getElementsByTagName('img');
function checkImages(){
for (i = 0; i < allimgs.length; i++){
var result = Math.random();
allimgs[i].src = allimgs[i].src + '?' + result;
}
serverDown();
setInterval('serverDown()',5000);
}
window.onload=checkImages;
function serverDown(){
for (i = 0; i < allimgs.length; i++){
var imgholder=new Image();
imgholder.src=allimgs[i].src;
if(!allimgs[i].complete){
allimgs[i].src='off.gif';
}
}
}
</script>