Tự động thay đổi nếu ảnh load lỗi 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.

#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!!

SHARE