maskloader
v1.0.1
Published
jQuery Mask Loader ==================
Downloads
4
Maintainers
Readme
jQuery Mask Loader
Simple Jquery plugin preloader for ajax, etc. Easy to use.
Demo page: http://rafaelortegabueno.com/jquery_maskloader/
Installation
- Installation via Bower:
bower install maskloader
- your HTML file:
<html>
<head>
<title>Mask Loader Example</title>
<link rel="stylesheet" type="text/css" href="bower_components/maskLoader/dist/maskloader.css"/>
</head>
<body>
<!-- Your html -->
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"/>
<script type="text/javascript" src="bower_components/maskLoader/dist/jquery.maskloader.js"/>
<script type="text/javascript">
// YOUR JS CODES
</script>
</body>
</html>
Basic Usage:
// When use ajax, before send requests
// You can use any element that serves as a container html, tags like "body", classes and ids
var maskloader = $('body').maskLoader();
// After success callback execute
maskloader.destroy();
Options:
var maskloader = $('.container').maskLoader({
'fade': true,
'z-index': '999',
'background': 'white', // Background overlay
'opacity': '0.6', // Opacity overlay
'imgLoader': false, // Path for image preloader :)
'autoCreate':true // If false, you will have to run the "create" function. Ex: $('body').maskLoader().create();
});