Tự động thay thế link ảnh hỏng bằng ảnh của bạn

415


Chèn hình ảnh minh họa trong bài viết là một việc không thể thiếu để tăng tính hấp dẫn với người đọc. Tuy nhiên vì một lý do nào đó mà link ảnh bị hỏng làm cho trình duyệt không hiển thị ảnh (khi dùng FireFox) hoặc chỉ hiện một khung ảnh trống rổng kèm theo dấu chéo (IE) và lúc đó  bạn và người xem sẽ có cảm giác khó chịu.
Để tránh tình trạng này bạn nên chèn thêm một đoạn mã onerror=”this.src=’link ảnh thay thế’;” vào thẻ img để trình duyệt tự thay thế ảnh hỏng bằng ảnh khác do bạn chỉ định .
Đoạn mã này thực chất là sử dụng thêm sự kiện onerror và kết hợp với Javascript để thay thế đường dẫn ảnh bị hỏng bằng đường dẫn khác. Hầu hết các trình duyệt web hiện tại đề hổ trợ sử dụng sự kiện onerror.

ảnh minh họa

Ví dụ :

<img src=”anhbiloi.jpg” onerror=”this.src=’images/no_image_138.jpg’;” />