图片预加载的插件使用-jquery.imgpreload.min.js

使用方法:

 1 //图片预加载
 2 var the_images = [];//新建一个数组,然后将要加载的图片地址推入这个数组中;
 3 the_images.push( 'bg.jpg' );
 4 var loading_process = 0;
 5 jQuery.imgpreload(the_images,//开始运行预加载;
 6     {
 7         each: function()//each的意思是,每次加载完一个图片后,执行此匿名函数中的代码,本例仅仅是将图片的地址打印到页面而已,所以大家不用纠结“为什么没有看到图片”
 8         {
 9             var status = $(this).data('loaded')?'success':'error';
10             loading_process += Math.round(100/(the_images.length));
11             if(loading_process<100){
12                 $('p').html(loading_process+'%');
13             }
14         },
15         all: function()//all的意思是,当所有图片加载完毕之后,执行此函数体内的内容;举个例子,如果有5张图片需要预加载,则each中的function会执行5次,而all的function 只会执行一次~
16         {
17            
18          }
19     }
);

 

posted @ 2017-10-09 09:30  winteronlyme  阅读(838)  评论(1编辑  收藏  举报