Trang chủ > New Update > Code HTML > Share-Ảnh hỏng thay thế 1 ảnh khác dự phòng

Posted by: Sáng VipPrao Bài viết: Share-Ảnh hỏng thay thế 1 ảnh khác dự phòng Chuyên mục: Code HTML Ngày đăng: 2013-09-28 100/100 cho 1 bình chọn

Share-Ảnh hỏng thay thế 1 ảnh khác dự phòng

Share code Thay thế ảnh hư-ảnh hỏng dự phòng cho wap/web:
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.

Tải ảnh gốc

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://VipPrao.wap.sh/img/logo.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.

Đánh giá của bạn là góp ý quan trọng giúp Admin nâng cao chất lượng bài viết!

Đánh giá ( - )

/ - phiếu