مطلب

منظور از عکس شکسته عکسی است که لود نشده است (احتمالا یافت نشده است). در این آموزش از emila.ir تصمیمی داریم کدی به شما معرفی کنیم که اگر عکس شکسته بود آن را مخفی کند یا بجای آن یک تصویر پیش فرض نمایش دهد.

– کد مخفی کردن تصاویر شکسته:

$("img").error(function(){
$(this).hide();
});

کد بالا هنگام لود صفحه تصاویر شکسته را پیدا و آن ها را از دید کاربران مخفی می‌نماید.

– کد جایگزینی تصویر:

$('img').error(function(){
$(this).attr('src', 'error.jpg');
});

کد بالا هم تصاویر شکسته را پیدا می کند و در عوض تصویر error.jpg را بجای آن قرار می‌دهد.

پیشنهاد می‌شود این آدرس عکس را بصورت مستقیم وارد کنید نه آدرس نسبی.

– کد یافتن تصاویر شکسته:

$('img').error(function(){
alert("image not Found :\nurl : "+$(this).attr("src")+"\nclass : "+$(this).attr("class")+"\nid: "+$(this).attr("id"));
});

کد بالا اطلاعات تصاویر ناقص را alert می کند و شما براحتی می توانید عکس شکسته را پیدا کنید و بدین ترتیب مشکلات آن را رفع نمایید. 😉😊

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *