Skip to content

Resim Yüklenemiyorsa Farklı Resim Gösterme

Merhaba Sevgili TR Kodlama Üyeleri,

Bu makale ile web sayfalarınızda bulunamayan veya ulaşılamayan resimlerin yerine jQuery ile nasıl farklı resimler koyabileceğinizi gösteriyorum. Örneğin a.jpg dosyası çağırılıyor fakat bulunamıyor bu resim yerine bulunamadi.jpg dosyasını gösteriyoruz. İlgili kod aşağıdaki gibidir:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $('img').error(function(){
 $(this).attr('src', 'bulunamadi.jpg');
 });
});
</script>

Bu kadar basit bir işlemdir arkadaşlar, kolay gelsin,

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!