jQuery的图片(包括背景图片)预加载插件jquery.queryloader2.js

691 查看

分享一个jQuery的预加载插件,这个插件通过检查页面中的所有元素来提前加载所有包含的图片(包括背景图片),这个版本的插件是原来版本的一个更新,更容易使用。
Queryloader目前需要jQuery1.7,并且支持IE>7, Chrome, Safari和Firefox。
如何使用

引入类库

<script src="js/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) 这个方法在完成加载和动画后调用

需要demo猛点该文字,百度云盘下载