Preloader de imágenes simple con devoluciones de llamada-resloader
| Autor: | chenyinkai |
|---|---|
| Views Total: | 810 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 1, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
resloader es una librería JavaScript pura para precarga una matriz de imágenes (o objetos de imagen) con útiles onStart , onProgress y onComplete funciones de devolución de llamada.
Funcionamiento
Descargar & instalar la biblioteca de resloader con NPM:
# NPM $ npm install resloader --save
Importe el recargador en el módulo.
// ES 6 import resloader from 'resloader';
O incluir directamente el script resloader. js en la Página Web.
<script src="dist/resloader.js"></script>
Defina las imágenes que se deben precargar.
const myData = [{
name: images1,
url: '1.jpg'
},{
name: images1,
url: '2.jpg'
},
{
name: images1,
url: '3.jpg'
},
...
]
// or
const myData = ['1.jpg', '2.jpg', '3.jpg', ...] Inicialice el recargador para precargar las imágenes proporcionadas en la carga de la página.
resloader({
resources: myData
}); Funciones de devolución de llamada disponibles.
resloader({
onStart: function(total){
// ...
},
onProgress: function(currentIndex, total) {
// ...
},
onComplete: function(total,result) {
// ...
},
});
