最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript順序加載圖片的方法

 更新時間:2015年07月18日 10:03:22   作者:qq123  
這篇文章主要介紹了javascript順序加載圖片的方法,可實現(xiàn)javascript針對圖片的逐次加載,從而減緩服務(wù)器壓力,非常具有實用價值,需要的朋友可以參考下

本文實例講述了javascript順序加載圖片的方法。分享給大家供大家參考。具體如下:

javascript監(jiān)聽一個圖片是否加載完畢 如果加載完成再加載下一張,不是一次性從服務(wù)器加載 減少服務(wù)器壓力,
可用到的地方:比如制作類似google地圖的應(yīng)用,可以使小圖一張一張的加載

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):'';
  };
 }
//調(diào)用方法
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'
]);
//注意要調(diào)用jquery 用于判斷瀏覽器

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

最新評論

荃湾区| 台中市| 静乐县| 武山县| 宁阳县| 江孜县| 秦皇岛市| 蕉岭县| 潞西市| 南阳市| 军事| 开原市| 故城县| 潞西市| 探索| 中阳县| 汝州市| 兰溪市| 瓮安县| 武乡县| 广饶县| 靖边县| 巴彦县| 台山市| 库车县| 昌黎县| 视频| 舞钢市| 崇州市| 房山区| 高雄县| 密山市| 平原县| 和政县| 平山县| 怀宁县| 建水县| 郸城县| 崇义县| 鲁甸县| 隆安县|