返回

分享一个jQuery的图片预加载插件:QueryLoader2

2011-12-27 15:48gbin1.com

分享一个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) 这个方法在完成加载和动画后调用

来源:分享一个jQuery的图片预加载插件 - QueryLoader2

相关文章 大家在看
jQuery插件
1708篇文章
查看