分享一个jQuery的预加载插件,这个插件通过检查页面中的所有元素来提前加载所有包含的图片(包括背景图片),这个版本的插件是原来版本的一个更新,更容易使用。
Queryloader目前需要jQuery1.7,并且支持IE>7, Chrome, Safari和Firefox。
如何使用
引入类库
<script src="path/to/file/jquery.queryloader2.js" type="text/javascript"></script>
当然你必须在以上代码之前引入jQuery类库,然后调用如下代码:
$(document).ready(function () { $("body").queryLoader2(); });
如果你在iOS上使用,请调用如下:
window.addEventListener('DOMContentLoaded', function() { $("body").queryLoader2(); });
相关选项:
backgroundColor
(string) 加载的背景颜色
barColor
(string) 加载条背景颜色
barHeight
(int) 加载条高度,缺省为1
deepSearch
(boolean) 设置为“true“来找到所有的指定元素对应图片。如果你不希望查找子元素,可以设置为false。
percentage
(boolean) 设置为“true”来启用百分比展示,缺省为false
completeAnimation
(string) 设定结束的动画类型,”grow“或者为“fade”,缺省为fade
onLoadComplete
(function) 加载完毕后调用的方法。对于修改动画非常实用
onComplete
(function) 这个方法在完成加载和动画后调用
来源: