Preloader de imagen de pantalla completa mínima-preloader. js
| Autor: | yhb241 |
|---|---|
| Views Total: | 3,172 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 27, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Preloader. js es una biblioteca de JavaScript súper ligera que muestra una superposición de pantalla completa con texto de carga personalizado hasta que se hayan cargado todas las imágenes especificadas.
Funcionamiento
Cree el HTML para el precargador de imágenes.
<div class="preloader" id="preloader"> <div>Loading...</div> </div>
Cargue el script preloader. js en el documento.
<script src="js/preloader.js"></script>
Cree una matriz de imágenes que desee precargar y, a continuación, inicialice el precargador de imagen.
'use strict';
window.addEventListener('DOMContentLoaded', function(){
preloader.init({
id: 'preloader',
imgUrls: ['1.jpg', '2.jpg', '3.jpg'],
onInit: function(){
// do something
},
onRemove: function(){
// do something
}
});
}, false);
