HTML kodlarınızda yer alan img etiketlerinin görsel linkleri, sizin sitenizden ya da dışarıdan aldığınız kaynakların silinmesi nedeniyle 404 hatası veriyor olabilir. Bu problemin çeşitli çözümleri var, ben bu yazıda kaynağı bulunamayan fotoğrafların ve resimlerin JQuery ve Javascript kullanarak nasıl farklı bir kaynak olarak src özelliklerinin değiştirilebileceğine dair bir kod örneği paylaşacağım.
img etiketi içerisinde onerror event'i içerisinde tek satırlık javascript kodu ekleyerek:
<img src="resim1.jpg" onError="this.onerror=null;this.src='/resimler/resimyok.jpg';" />
Alternatif olarak tek bir JQuery fonksiyonu ile kaynağı bulunamayan tüm görseller tek seferde farklı bir src attribute'u ile değiştirilebilir
$("img").on("error", function () {
$(this).attr("src", "resimyok.jpg");
});
Editör editi: benzer içerikli bazı diğer yazılar için;
bkz: inline css kodları JQuery ile silinebilir mi?
bkz: JQuery Datatables Tüm Satırları Tek Sayfada Göstermek
bkz: JQuery Click Event'i Neden Çalışmıyor Olabilir?
bkz: JQuery ya da Javascript ile sayfayı açılır açılmaz kapatmak
bkz: JQuery Datatables yükleme süresi nasıl kısaltılabilir?
bkz: Boş HTML5 JQuery Sayfa Kodu Şablonu