❤ JavaScript Thay Thế Ảnh Lỗi Trên Trang Website ❤

Jss   02:28   Học Lập Trình , Scritp - Js   0  

Đôi khi bạn không thể kiểm soát ảnh được đăng lên diễn đàn, blog của mình. Vậy Nên Hôm Nay Blog VuTienAnh Sẽ Chia Sẻ Cho Bạn Đoạn JavaScript này có tác dụng thay thế các ảnh bị lỗi trên trang thành một ảnh tùy ý.

Áp dụng cho một ảnh:

 Mã Code VuTienAnh.Pro

<img src="http://vina4u.pro/avatar.png" onerror="this.src='http://vina4u.pro/images/empty.png'" />

Áp dụng cho nhiều ảnh
Dán đoạn JavaScript sau vào cuối trang. Các bạn có thể sử dụng jQuery:
JS

 Mã Code VuTienAnh.Pro

<script>
$('img').error(function(){
$(this).attr('src', 'http://vina4u.pro/images/empty.png')
})
</script>

hoặc javascript thông thường

 Mã Code VuTienAnh.Pro

<script>
var imgs = document.getElementsByTagName('img');
for (var i = 0, j = imgs.length; i<j; i++) {
imgs[i].onerror = function(){
this.src='http://vina4u.pro/images/empty.png';
}
}
</script>

Kết Quả :

Lời Kết : Mình Mong Rằng Bài Viết Này Sẽ Có Ích Cho Bạn. Ủng Hộ Blog Hơn Nữa Nhé!

Share Share Share

Học Lập Trình Scritp - Js

Administrator: HPT

Không điều gì là tồn tại mãi mãi cho đến lúc bạn ngừng cố gắng! Một cậu học sinh trung học luôn có ước mơ và hoài bão...Bạn hãy làm những việc bình thường bằng lòng say mê phi thường, thành công sẽ đến với bạn!!

CÓ THỂ BẠN SẼ THÍCH

Đang tải...