2010-08-16 28 views
8

Ben bir görüntü kırık ise algılamak ve resim bağlantısı kesilirse varsayılan görüntü ile değiştirmek gerekiyor. Bunu bir görüntü proxy'si ile yapabileceğimi biliyorum, ancak javascript ile anında yapmayı umuyordum.Javascript'teki bozuk görüntüleri algılamanın yolu nedir?

+2

Benzer mesaj: Bunu yapmanın http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images – jessegavin

cevap

11

Ben img elemanın onerror olay olduğunu düşünüyoruz. onerror=function(){} hiç kullanmadım. Eğer için genel bir işleyici yapabilir, böylece onerror DOM üzerinde yukarı yaymak olacak herhangi bir olay olarak

<script language='javascript'> 
function defaultImage(img) 
{ 
    img.onerror = ""; 
    img.src = 'default.gif'; 
} 
</script> 
<img alt="My Image" src="someimage.gif" onerror="defaultImage(this);" /> 
-1

Örnek kullanabilirsiniz bu tür hatalar.

<script type="text/javascript"> 
jQuery(document).bind('error', function(event) { 
    console.log(event.target.src); 
}); 
</script> 
+2

Olağan durumda - bu iyi çalışacaktır. Ama 'default.gif' de kırılmış/bulunamadıysa, bunun sonsuz bir döngüye neden olacağına eminim. http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images AC tepki defaultImage fonksiyonu –

+0

İyi bir nokta boş üzere img.onerror set yüzden. Onu değiştireceğim. –

İlgili konular