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

JS中圖片緩沖loading技術的實例代碼

 更新時間:2013年08月29日 15:38:46   作者:  
這篇文章介紹了JS中圖片緩沖loading技術的實例代碼,有需要的朋友可以參考一下
復制代碼 代碼如下:

var Imgvalue;
var Count =13;   //圖片數(shù)量
var Imgs = new Array(Count);
var ImgLoaded =0;
//預加載圖片
function preLoadImgs()
{
alert('圖片加載中請稍等......');
for(var i=0;i<Imgs.length;i++){
Imgs[i]=new Image();
downloadImage(i);
}
}
//加載單個圖片
function downloadImage(i)
{
    var imageIndex = i+1; //圖片以1開始
    Imgs[i].src = "images/"+imageIndex+".jpg";
    Imgs[i].onLoad=validateImages(i);
}
//驗證是否成功加載完成,如不成功則重新加載
function validateImages(i){
if (!Imgs[i].complete)
    {
     window.setTimeout('downloadImage('+i+')',200);    
    }
else if (typeof Imgs[i].naturalWidth != "undefined" && Imgs[i].naturalWidth == 0)
    {
    window.setTimeout('downloadImage('+i+')',200);
    }
    else 
    {
        ImgLoaded++
        if(ImgLoaded == Count)
        {
            document.getElementById('BtnStart').disabled=false;
            document.getElementById('BtnStop').disabled=false;
            alert('圖片加載完畢!');
        }
    }
}
//開始
function RandStart()
{
    Init = setInterval('SetRand()',50);    
}
//隨機顯示
function SetRand()
{
    imageIndex = Math.floor(Math.random()*Count);
    document.getElementById("ImgView").src = Imgs[imageIndex].src;
}
//結束
function RandStop()
{
    window.clearInterval(Init);
}

相關文章

最新評論

建平县| 石屏县| 双牌县| 乡宁县| 滦南县| 梅河口市| 茂名市| 北川| 延庆县| 沙田区| 南皮县| 湾仔区| 平江县| 济阳县| 松原市| 玉田县| 五指山市| 洪湖市| 临漳县| 自治县| 宜昌市| 洛扎县| 石城县| 疏附县| 赣州市| 乡城县| 贺兰县| 邳州市| 湖北省| 都江堰市| 庄浪县| 建始县| 泾阳县| 乌什县| 和静县| 东乡| 益阳市| 丁青县| 南通市| 宝清县| 慈溪市|