图片预加载的插件使用-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 }
);