نمایش تصویر پیش فرض در صورت لود نشدن تصویر

۶ سال پیش(به روز شده در ۶ سال پیش) جاوا اسکریپت(JS)(جی کوئری(JQuery)) ۰

در طراحی قوی , تصویر ناقص(اصطلاحا لود نشده) قابل قبول نیست و باید جهت کنترل آن از پیش فرض ها استفاده نمود. برای این منظور از رویداد error کتابخانه JQuery استفاده می کنیم. یعنی:

$('#test').error(function() {
    alert("error");
});

حال روند را کمی پیچیده تر می کنیم یعنی می خواهیم تصویری را که در صفحه لود یا بارگیری نشده است را برای آن تصویری پیش فرض در نظر بگیریم یعنی در صورتی که فایل none.png به هر دلیل در دسترس نباشد مرورگر تصویر default_img.png را نمایش دهد.

<img id="image" src="none.png" />

<script type="text/javascript">  
$('#image').error(function() {
    $('#image').attr('src', 'default_img.png');
});
</script>

برچسبها

هیچ برچسبی موجود نیست.

نظر

نظری ثبت نشده است.
captcha image reload