jquery eğitim serimizin bu bölümünde .error() methodunu işleyeceğiz.Error methodunun işlevi şu.Sayfamızda bozuk bir resim varsa bunu yakalamamıza yarıyor.
Sayfamıza daki bir resmi bulamayınca şuna benzer resimler çıkıyor.
Tarayıcılarda farklı resimler çıkabilir.Bu sitemizde kötü görüntüye sebeb olur.İşte bu tür resimleri yakalayıp işlem yapacaz.
$("img").error(function(){
$(this).hide();
})
Jquery ile tüm resimlere erişip bozuk olanları seçtik.Sonra bozuk olanları gizledik.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#resim").error(function(){
$(this).attr("src","bozuk.png");
})
});
</script>
</head>
<body>
<img id="resim" src="resim.png" />
</body>
</html>
Yukarıda error ile bozukları seçip src parametrelerini bozuk.png yaptık.Böylelikle bozuk resimlerde kendi istediğimiz resmi gösterdik.