Reemplazar favicon con un indicador de carga en la pestaña del navegador-favloader
| Autor: | jcubic |
|---|---|
| Views Total: | 340 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 9, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
favloader es un plugin de JavaScript vainilla que reemplaza el favicon con un Spinner de carga personalizable cuando sea necesario.
Se puede utilizar para indicar el estado de la página cuando algo se está cargando en el documento.
Funcionamiento
Descargue e inserte el script favloader. js en el documento.
<script src="favloader.js"></script>
Inicializar el plugin.
favloader.init();
El JavaScript para mostrar/ocultar el Spinner de carga.
favloader.start(); favloader.stop();
Personaliza el color del Spinner de carga.
favloader.init({
color: '#0F60A8'
}); Personaliza el ancho del trazo del Spinner de carga.
favloader.init({
line_width: 2
}); Personaliza el tamaño del favicon.
favloader.init({
favicon_size: 16
}); Personaliza la duración de la animación.
favloader.init({
duration: 5000
}); La librería también soporta favicon GIF. Requiere la biblioteca parseGIF. js.
favloader.init({
gif: 'loader.gif'
}); Registro de cambios
01/08/2019
- v0.4.2: add clear animation on init
01/08/2019
- animación de lienzo
01/05/2019
- solución para Mac/Chrome
