Estoy usando Lazysizes e intento hacer algo si el usuario pierde la conexión a Internet y sigue desplazándose, entonces no se muestra ninguna imagen. ¿Cómo puedo hacer si las imágenes no se pueden descargar para reemplazarlas con la imagen src? Traté de poner la imagen de carga de src y reemplazarla por error, pero no funciona porque devuelve el error una y otra vez...

 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>