javascript顺序加载图片的方法
更新时间:2015年07月18日 10:03:22 作者:qq123
这篇文章主要介绍了javascript顺序加载图片的方法,可实现javascript针对图片的逐次加载,从而减缓服务器压力,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了javascript顺序加载图片的方法。分享给大家供大家参考。具体如下:
javascript监听一个图片是否加载完毕 如果加载完成再加载下一张,不是一次性从服务器加载 减少服务器压力,
可用到的地方:比如制作类似google地图的应用,可以使小图一张一张的加载
function Load_pic(arr){ this.loop_f=function(i,o_file,len,f,obj){ if(i<len-1){ i=i+1; f(i,o_file,len,obj); } }; this.creat_pic=function(i,o_file,len,obj){ var f=arguments.callee, doc=document, image = doc.createElement("img"); image.src =o_file[i]; i<len?doc.getElementsByTagName("body")[0].appendChild(image):''; if(navigator.userAgent.indexOf("MSIE")>0){ if($.browser.version==6.0 || $.browser.version==9.0){ //IE9和IE6一样 微软真是怪异 image.onreadystatechange = function () { if (image.readyState == "complete"){ obj.loop_f(i,o_file,len,f,obj); } }; }else{ ie7imagetime = window.setInterval(function(){ var rs = image.readyState; if(rs=="complete"){ window.clearInterval(ie7imagetime); obj.loop_f(i,o_file,len,f,obj); }else{ return; } },200); } }else{ image.onload = function () { if (image.complete == true){ obj.loop_f(i,o_file,len,f,obj); } }; } }; if(arr.constructor===Array){ var len=arr.length, i=0; i<len?this.creat_pic(i,arr,len,this):''; }; } //调用方法 new Load_pic([ 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/0_0.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/0_1.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/0_2.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/0_3.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/1_0.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/1_1.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/1_2.gif', 'http://gomap.dashilan.cn/jquery-mobile/map/cq/1/img_1/1_3.gif' ]); //注意要调用jquery 用于判断浏览器
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
js获取当前页的URL与window.location.href简单方法
下面小编就为大家带来一篇js获取当前页的URL与window.location.href简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-02-02JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
随着web2.0的彪悍发展,以及浏览器端所承载的工作越来越大(在不是很影响性能的情况下,开发者都习惯把能用浏览器做的事儿都让浏览器做,以减轻服务器的压力和带宽费用等)。2010-04-04
最新评论