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

分享一个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(); });

id="cproIframe_1104309_3" width="200" height="200" src="http://cb.baidu.com/ecom?adn=2&at=231&aurl=&cad=1&ccd=24&cec=UTF-8&cfv=18&ch=0&col=zh-CN&conBW=0&conOP=1&cpa=1&dai=3&dis=0&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DwOQcDsGEIuJ9cAFU5n7r2LPXuIZ91zY4iYVJJHuA9JRtLkOpD8X6PepsqYhxS9KYhIcEIcjaaXQQ5ia9M_nSk_%26wd%3D%26eqid%3Dd71c36780000c3040000000555a73f07&ltu=http%3A%2F%2Fwww.chinaz.com%2Ffree%2F2011%2F1227%2F228706.shtml&lu_161=0&lunum=6&n=cnzzzcpr&pcs=1205x701&pis=10000x10000&ps=500x0&psr=1440x900&pss=1205x3747&qn=1491bbdad16de5b3&rad=&rs=301&rsi0=200&rsi1=200&rsi5=4&rss0=%23FFFFFF&rss1=%23FFFFFF&rss2=%230000ff&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=tabcloud_skin_3&stid=5&td_id=9223372032564593757&titFF=%E5%AE%8B%E4%BD%93&titFS=12&titTA=left&tn=text_default_200_200&tpr=1437024014027&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=1104309&ti=%E5%88%86%E4%BA%AB%E4%B8%80%E4%B8%AAjQuery%E7%9A%84%E5%9B%BE%E7%89%87%E9%A2%84%E5%8A%A0%E8%BD%BD%E6%8F%92%E4%BB%B6%EF%BC%9AQueryLoader2%20-%20%E7%AB%99%E9%95%BF%E4%B9%8B%E5%AE%B6&tt=1437024013907.8798.8894.8945" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="display: block;">

相关选项：

backgroundColor

（string） 加载的背景颜色

barColor

（string） 加载条背景颜色

barHeight

（int） 加载条高度，缺省为1

deepSearch

（boolean） 设置为“true“来找到所有的指定元素对应图片。如果你不希望查找子元素，可以设置为false。

percentage

（boolean） 设置为“true”来启用百分比展示，缺省为false

completeAnimation

（string） 设定结束的动画类型，”grow“或者为“fade”，缺省为fade

onLoadComplete

（function） 加载完毕后调用的方法。对于修改动画非常实用

onComplete

（function） 这个方法在完成加载和动画后调用