jquery-loading-block
Nowadays we do a lots of ajax thing on website, therefore we can see loading animation everywhere, this plugin is an easy one to show and hide loading overlay.
Basic usage
<script type="text/javascript" charset="utf-8"> $(function() { // imgPath almost necessary $.loadingBlockShow({ imgPath: 'assets/img/icon.gif' }); setTimeout($.loadingBlockHide, 5000); }); </script>
options
var defaults = { imgPath: 'img/icon.gif', imgStyle: { width: 'auto', textAlign: 'center', marginTop: '20%' }, text: 'loading...', style: { position: 'fixed', width: '100%', height: '100%', background: 'rgba(255, 255, 255, .8)', left: 0, top: 0, zIndex: 10000 } };