ZlataLoader.js is a simplified JavaScript library for creating animated rotating loaders that rotate a loading spinner of your choice along a circle.

jquery loading spinner, css loading spinner example, page loader javascript, html loader spinner, page loader jquery example, loading page html template

How to make use of it:

1. Create a placeholder for the loader.

<div id="loader-demo"></div>

2. Insert the JavaScript file “ZlataLoader.js” into the document.

<script src="ZlataLoader.js"></script>

3. Configure ZlataLoader and specify the image path for your preferred loader.

new ZlataLoader({
   id: 'loader-demo',
   imgSrc: "plane.png"
});

4. More options to customize the loader.

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
    
});

rotating loading spinner javascript, ZlataLoader.js Plugin/Github

See Demo And Download

Official Website(mazurinv): Click Here

This superior jQuery/javascript plugin is developed by mazurinv. For extra advanced usage, please go to the official website.