JavaScript Thay Thế Ảnh Lỗi Trang Wedsite - ( dành cho diễn đàn và trang chủ )

Đô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 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 

<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 

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

hoặc javascript thông thường

 Mã Code 

<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é!