2019-01-31 09:26:01 热度:

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

分享一个jQuery的预加载插件,这个插件经由过程查抄页面中的所有元夙来提早加载所有包括的图片(包罗布景图片),这个版本的插件是本来版本的一个更新,更轻易利用。

Queryloader今朝需要jQuery1.7,而且撑持IE>7, Chrome, Safari和Firefox。

若何利用

引入类库

固然你必需在以上代码之前引入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