Custom Loading Spinner With Sprite Animations - jQuery Preloaders.js

Custom Loading Spinner With Sprite Animations - jQuery Preloaders.js
File Size: 157 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

Yet another jQuery plugin for creating sprite sheet based animated loading spinners that can be appended to any elements such as modals, buttons, containers, etc.

How to use it:

1. Add references to jQuery library and the jQuery Preloaders.js script.

<script src="" 
<script src="jquery.preloaders.js"></script>

2. The JavaScript to show a basic loading spinner for your ajax loading.


3. Stop/remove the loading spinner manually.


4. Display the loading spinner in a modal popup.

  modal: true

5. Specify the position of the loading spinner..


  // 'center' | 'top-left' | 'top-right' | ' bottom-left' | 'bottom-right' | {top:'200px', left:'200px'}


6. Config the loading spinner and spite animation.


  src : 'sprites.png', 
  width : 32, 
  height : 32, 
  frames : 12


This awesome jQuery plugin is developed by ebenites. For more Advanced Usages, please check the demo page or visit the official website.