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
   
Simple Customizable jQuery Loader Plugin - Center Loader

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.