美文网首页JS
一组图片的预加载,与有序存储

一组图片的预加载,与有序存储

作者: 小飞侠zzr | 来源:发表于2017-12-28 22:06 被阅读0次

    //两张图的预加载;
    var imgObj={"zzr1":"123.png","zzr2":"321.png"};
    //统计对象里面的图片个数
    var imgNum=0;
    //遍历对象统计个数,因为对象没有length属性
    for(var i in imgObj){
    imgNum++;
    }
    var num=0;
    //定义一个对象用来储存加载好的图片
    var imgarr={};
    for(let i in imgObj){
    var img=new Image();
    img.src=imgObj[i];
    img.onload=function(){
    num++;
    //在每张图加载完成后放进对象imgarr中
    imgarr[i]=this;
    if(num>=imgNum){
    //所有图片都下载好后将....
    }
    }
    }

    相关文章

      网友评论

        本文标题:一组图片的预加载,与有序存储

        本文链接:https://www.haomeiwen.com/subject/wixbgxtx.html