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

//两张图的预加载;
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){
//所有图片都下载好后将....
}
}
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,963评论 2 17
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,428评论 0 7
  • 所谓瀑布流,就是图片分几列有规律的排列,但是这里的排列是有要求的,普通的浮动布局会使图片与图片之间有很多的空隙,这...
    小飞侠zzr阅读 844评论 0 0
  • 个人学习批处理的初衷来源于实际工作;在某个迭代版本有个BS(安卓手游模拟器)大需求,从而在测试过程中就重复涉及到...
    Luckykailiu阅读 4,824评论 0 11
  • 新年第一天,有条不紊的进行着!业绩不算理想,但是总算有点起色!下一阶段的工作重点放做好数据统计与分析,找到问题!才...
    FlyMrBai阅读 195评论 0 0