JavaScript thay thế ảnh lỗi trên trang web

**MrKen** · 31.10.2016 / 22:04

Đôi khi bạn không thể kiểm soát ảnh được đăng lên diễn đàn, blog của mình. Đ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:

JAVASCRIPT

<img src="http://phonho.net/avatar.png" onerror="this.src='http://phonho.net/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:

JAVASCRIPT

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

hoặc javascript thông thường

JAVASCRIPT

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

**Leon.T** · 31.10.2016 / 22:11

Thank cưng

**HackerPro** · 31.10.2016 / 22:47

thanks :chuoi:

**mad** · 01.11.2016 / 08:08

thế có php ko?

**hanhphucao** · 01.11.2016 / 11:08

Tất nhiên là... có.