Simple Lightweight JavaScript SVG cargador biblioteca-Rocket-Loader

Vista prévia

Descripción

Rocket-Loader es una librería JavaScript sencilla y ligera que utiliza iconos SVG para generar un Spinner de carga animado en un contenedor dado.

Todos los cargadores SVG provienen de < a href = "https://Github.com/samherbert/svg-cargadores" target = "_ blank" rel = "noopener" > SVG-cargadores . Puede previsualizar todos los cargadores SVG < a href = "http://samherbert.net/svg-cargadores" target = "_ blank" rel = "noopener" > aquí .

Licenciado bajo la licencia Apache, versión 2,0 (la "licencia"); no puede utilizar este archivo excepto en cumplimiento con la licencia.

¿Cómo funciona?

Incluya los archivos JS y CSS de Loaderplate en el documento.

<script src="js/loader.js"></script>
<link href="css/loader.min.css" rel="stylesheet">

Cree un cargador predeterminado en el contenedor ' test '.

var myLoader = Rocket.loader({


target: '#test',


body: 'Loader Text'
 });

Retire el cargador.

Rocket.event.add('#remove', 'click', () => { myLoader.remove(); });

Personaliza el cargador.

var myLoader = Rocket.loader({



// color of the loader


// aqua black blue green grey-blue grey-blue-dark orange pink purple red white yellow


colour: 'grey-blue',



// animation delay


delay: 0,



// target container


target: '',



// appends the loader to the target element as opposed to hiding


append: false,



// small, large or medium


size: 'normal',



// dots pulse spinner


type: 'spinner'



 });

Registro de cambios

07/30/2018

• Refactorizar
• Renombrar