La detección de imágenes se ha cargado con JavaScript puro-imgStatus
| Autor: | raphamorim |
|---|---|
| Views Total: | 2,113 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 28, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
imgStatus es una biblioteca independiente de JavaScript que vigila los eventos de carga de imágenes y le permite hacer algo cuando se han cargado completamente.
Funcionamiento
Cargue la biblioteca de JavaScript de imgStatus en el documento cuando sea necesario.
<script src="imgStatus.min.js"></script>
Llame al método de reloj como este:
imgStatus.watch('.image', function(imgs){
console.log(imgs.loaded); // Number of Images Loaded (Type: integer)
console.log(imgs.failed); // Number of Images Failed (Type: integer)
console.log(imgs.done()); // If already load OR fail every image (Type: boolean)
}); Uso avanzado.
var imagesLoaded = document.querySelector('.images-loaded'),
imagesFailed = document.querySelector('.images-failed'),
imagesStatus = document.querySelector('.images-status');
imgStatus.watch('.image', function(imgs) {
imagesLoaded.innerHTML = imgs.loaded;
imagesFailed.innerHTML = imgs.failed;
if (imgs.done())
imagesStatus.innerHTML = 'Completed!';
});
