Thay ảnh hỏng dự phòng
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, hay trong những bài viết cần đến sự xuất hiện của hình ảnh. Tuy nhiên vì một lý do nào đó mà link
ảnh bị hỏng khiến cho hình ảnh đó biến mất, hoặc một số trình duyệt hiện ra kí hiệu ảnh hỏng, cho dù là đang truy cập bằng điện thoại hay máy tính, khiến bài viết đó giảm đi giá trị, hay khiến người xem khó chịu.
Xem ảnh
Nhưng không sao, chúng ta vẫn có cách để khắc phục điều đó bằng mẹo, phòng bệnh hơn chữa bệnh mà, nên bạn có thể thêm mã trước để tự động thay hình ảnh hỏng bằng ảnh khác, bổ sung hình dự phòng vào bằng cách sử dụng mã HTML, chèn thêm đoạn mã này vào đoạn mã hiển thị ảnh:
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 .
Ví dụ:
<img src="http://top9xy.wap.sh/top9xy/logo_top9xy.wap.sh.gif"onerror="this.src='http://top9xy.wapsite.me/images/images.jpg';">
Đ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.
Vậy đó, có điều là sẽ vất vả hơn chút thôi, nhưng chịu khó để đảm bảo an tâm. :)
Chúc wapsite / web site của bạn phát triển.
Các bài khác:
0 nhận xét:
Đăng nhận xét