js利用数组创建图片对象-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

js利用数组创建图片对象

简介: 个人学习,练习代码。欢迎批评指正。 在本地操作,轮播图片时,有时需要两张以上图片轮播,即一组一组的切换,一张一张的取太麻烦,于是想到是否可以存储在数组中去调用呢。 于是找打了一个方法: 1.定义一个数组(存放图片地址) imgArr = [['img/01.jpg','img/02.jpg','img/03.jpg','img/04.jpg'],['img/05.jpg','

个人学习,练习代码。欢迎批评指正大笑


在本地操作,轮播图片时,有时需要两张以上图片轮播,即一组一组的切换,一张一张的取太麻烦,于是想到是否可以存储在数组中去调用呢。

于是找打了一个方法:

1.定义一个数组(存放图片地址)

imgArr = [['img/01.jpg','img/02.jpg','img/03.jpg','img/04.jpg'],['img/05.jpg','img/06.jpg','img/07.jpg','img/08.jpg'],['img/09.jpg','img/10.jpg','img/11.jpg','img/12.jpg']];

如上建立了一个二位数组,存放了三组图片以备用;


2.定义一个函数(将数组转换为image对象)

function trImg(arr){
	var imgAll = []; <span style="white-space:pre">					</span>//定义一个空数组用于存放转换后的对象
	for(var i in arr){
		imgAll[i]=[];<span style="white-space:pre">					</span>//二维数组(很重要)
		for(var j in arr[i]){
			imgAll[i][j] = new Image();<span style="white-space:pre">		</span>//将新数组的每个对象定义为图片对象
			imgAll[i][j].src = arr[i][j];<span style="white-space:pre">		</span>//定义图片对象的地址为原数组中的图片地址
		}
	}
	return imgAll;
}


3.检查生成的对象

alert(imgAuto[0][0]);
弹出Object HTMLImageElement

已经将我们创建的数组地址转换为图片对象了。

大笑


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章