Rotación de carga Spinner en JavaScript-ZlataLoader. js
| Autor: | mazurinv |
|---|---|
| Views Total: | 1,069 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ZlataLoader. js es una biblioteca JavaScript minimalista para crear cargadores animados que giran un Spinner de carga de su elección a lo largo de un círculo.
Funcionamiento
Cree un elemento de marcador de posición para el cargador.
<div id="loader-demo"></div>
Inserte el archivo JavaScript ' ZlataLoader. js ' en el documento.
<script src="ZlataLoader.js"></script>
Inicialice ZlataLoader y especifique la ruta de la imagen al Spinner de carga que prefiera.
new ZlataLoader({
id: 'loader-demo',
imgSrc: "plane.png"
}); Más opciones para personalizar el cargador.
new ZlataLoader({
// border radius
radius: 50,
// line width
lineWidth: 1,
// single, double, picture
mode: 'picture',
// line color
lineColor: "#fff",
// image size
imageWidth: 64,
// speed parameter.
// if positive motion will be clockwise
speed: -1
});
