Tab Menu

Tự động thay đổi nếu ảnh load lỗi với jQuery

no image, error image jquery, kiểm tra lỗi load hình với jquery Check if an image is error loading with jQuery
Hôm nay chúng ta cùng nhau chia sẻ cách làm website trở nên thân thiện với người dùng hơn, bằng cách loại bỏ và thay thế các link ảnh lỗi hoặc không tồn tại một cách tự động với hàm error() của jQuery. Cách làm rất đơn giản với sự hỗ trợ của thư viện jQuery nhưng hiệu quả lại khá hấp dẫn. Let's get started!


#bl2 Trăm nghe không bằng một thấy, hình bên dưới sẽ mô tả những gì s đã đề cập ở phía trên. Bên trái là link hình lỗi mặc định của trình duyệt, bên phải là link lỗi đã qua xử lý bằng jQuery.
no image, error image jquery, kiểm tra lỗi load hình với jquery
#bl2 Để làm được điều to tác đó, chỉ cần một đoạn code nho nhỏ sau (đừng quên thư viện jQuery nhé!).
<script type="text/javascript">
// Check if any image loads error, it will be changed automatically.
$("img").error(function() {
    $(this).attr("src", "http://salipropham.blogspot.com/no-image.jpg");
});
});
</script>

#bl2 Xem demo #bllink

Chúc bạn thành công!!

Hiện có 0 comments

Post a Comment

Bạn có thể tự do cho ý kiến, thảo luận về bài viết này nhưng phải theo những điều khoản sau:
- Phải nghiêm túc, không dung tục, không spam.
- Nội dung phải liên quan đến bài viết.
- Không mang tính chất chính trị...
- Hạn chế sử dụng Ẩn danh, hãy dùng Tên/URL để thay thế.
Lưu ý : Có thể sử dụng tag HTML cơ bản trong comment: br, b, i, u, a href= ...

:)
:(
;)
:D
=))
:-/
:x
I-)
@-)
=D:
:-q
:-w
[-X
B-)
:((
:-B
:-h
:x(
:-*
~O)
@};-

About

RSS
Coming soon... :))