XtGem Forum catalog

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Share code HTML tự động thay thế ảnh lỗi bằng ảnh đã cài đặt trước

Admin* RoSino18k *
* 22-02-2016

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.


Share code HTML tự động thay thế ảnh lỗi bằng ảnh đã cài đặt trước
[Tải ả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:
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://cudemvn.wap.sh/images/picture/rosino18k-dt.png" onerror="this.src='http://cudemvn.wap.sh/images/picture/apple.png';" alt="Ảnh Avatar RoSino18k" />

Đ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 đều 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. vui
Chúc wapsite/web site của bạn phát triển.

Sưu tầm
↑↑ Lượt xem: 315
score
Đánh giá: 4.5/ 5, 315 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-315]