<script type="text/javascript">
// Check if any image loads error, it will be changed automatically.
$("img").error(function() {
$(this).attr("src", "http://vietcons.info/no-image.jpg");
});
});
</script>Chúc bạn thành công!!Thứ Bảy, 21 tháng 9, 2013
Tự động thay đổi nếu ảnh load lỗi với 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!
Trăm nghe không bằng một thấy, hình bên dưới sẽ mô tả những gì đã đề 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.
Để 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é!).Dán đoạn code bên dưới vào sau thẻ <head>
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét