Custom Loading Spinner & Overlay Plugin For jQuery - qspin.js

File Size: 13.1 KB
Views Total: 5415
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Custom Loading Spinner & Overlay Plugin For jQuery - qspin.js

qspin.js is a lightweight jQuery plugin that allows you to quickly display a loading spinner / overlay on a given DOM element. Perfect for ajax content when your user is waiting for something to be loaded. 

How to use it:

1. Include the jQuery qspin.js plugin after jQuery library and we're ready to go.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="dist/jquery-qspin.js"></script>

2. Create a new loading spinner on a specified element like this:

var spinner = $element.qspin(options);

3. All configuration options.

// add: add a new loading spinner
// rem: remove the loading spinner
task: 'add',

// target element
targetElement: $(this),

// background color
background: 'transparent',

// path to the loading spinner
// e.g. loading.gif
spinnerImage: "1.gif"

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