Simple Loading Spinner Plugin With Task Queue Support - spinnerQueue
File Size: | 6.66 KB |
---|---|
Views Total: | 2857 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
spinnerQueue is a jQuery & jQuery UI widget used to mask a specific container with an animated loading spinner to prevent user interactions during content loading.
How to use it:
1. Include the required jQuery and jQuery UI libraries on the webpage.
<script src="jquery.min.js"></script> <script src="jquery-ui.min.js"></script>
2. Include the spinnerQueue jQuery plugin's files after jQuery library.
<script src="spinnerQueue.js"></script> <link href="spinnerQueue.css" rel="stylesheet">
3. Initialize the plugin on a specific container.
// On task start $('#container').spinnerQueue().spinnerQueue('started', 'pageLoad'); // On task finish $('#container').spinnerQueue('finished', 'pageLoad');
4. Possible plugin options.
$('#container').spinnerQueue({ 'queue' : {}, 'showSpeed' : undefined, 'hideSpeed' : undefined, });
Change log:
2106-05-17
- Spinner fixed when attached to body tag
This awesome jQuery plugin is developed by Romms. For more Advanced Usages, please check the demo page or visit the official website.