Preloader de imágenes con la devolución de llamada cargada-ImagePreloader
| Autor: | anthonyhastings |
|---|---|
| Views Total: | 274 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 21, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Un precargador de imagen ligero escrito en JS puro que activará una función de devolución de llamada cuando todas las imágenes proporcionadas estén completamente cargadas.
How it works:
Crea un elemento de imagen en la memoria, enlaza un agente de escucha de carga a él que ejecutará una función de devolución de llamada que se pasa durante la inicialización y, a continuación, desencadena la carga de la imagen aplicando el src.
Funcionamiento
Descargue y coloque el archivo JavaScript Image-preloader. js al final del documento.
<script src="image-preloader.js"></script>
Precarga una sola imagen.
new ImagePreloader('image.jpg', function() {
console.log('Loaded');
}); Precarga un conjunto de imágenes.
var imagesToPreload = document.querySelectorAll('#imgContainer > .image');
for (var i = 0, length = imagesToPreload.length; i < length; i++) {
preloadImage(imagesToPreload[i]);
}
