您好,欢迎访问一九零五行业门户网

JS中图片缓冲loading技术的实例代码_javascript技巧

复制代码 代码如下:
var imgvalue;
var count =13;   //图片数量
var imgs = new array(count);
var imgloaded =0;
//预加载图片
function preloadimgs()
{
alert('图片加载中请稍等......');
for(var i=0;iimgs[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);
}
其它类似信息

推荐信息