Блог

Я использую ленивые размеры и пытаюсь что-то сделать, если пользователь теряет подключение к Интернету и продолжает прокручивать, то изображение не отображается, Как я могу сделать, если изображения не загружаются, чтобы заменить их изображением src? я попытался вставить загрузочное изображение src и заменить его на ошибку, но это не работает, потому что оно снова и снова возвращает ошибку …

 document.addEventListener('error', function(e){ if(e.target.nodeName == 'IMG'){e.target.src = e.target.getAttribute('src')} }, true);
 

HTML

 <div class="image">
 <a href="<?php echo $product['href']; ?>">
   <img src="<?php echo $preloader?>" data-src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive lazyload" />
</a>
</div>