Simple Customizable jQuery Loader Plugin - Center Loader
File Size: | 81.7 KB |
---|---|
Views Total: | 3964 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Center Loader is a minimal jQuery loader plugin for overlaying a given container with a custom loading spinner. Intended for Ajax loading indicators.
Basic usage:
1. Load jQuery library and the jQuery center loader plugin at the bottom of the document.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="center-loader.js"></script>
2. Shows a loading overlay with a GIF loading spinner.
$('.container').loader('show','<img src="loader.gif">');
3. Shows a loading overlay that uses Font Awesome 4 for loading spinner.
<link rel="stylesheet" href="font-awesome.min.css">
$('.container').loader('show','<i class="fa fa-2x fa-spinner fa-spin"></i>');
4. Hides the loader.
$('.container').loader('hide');
This awesome jQuery plugin is developed by rohitkhatri. For more Advanced Usages, please check the demo page or visit the official website.