js利用数组创建图片对象
来源:互联网 发布:java date 时间戳 编辑:程序博客网 时间:2024/06/07 10:30
个人学习,练习代码。欢迎批评指正。
在本地操作,轮播图片时,有时需要两张以上图片轮播,即一组一组的切换,一张一张的取太麻烦,于是想到是否可以存储在数组中去调用呢。
于是找打了一个方法:
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
已经将我们创建的数组地址转换为图片对象了。
0 0
- js利用数组创建图片对象
- js创建数组,创建对象
- JS创建数组和对象
- js创建对象数组并转为json
- JS 创建一维数组和一维对象数组
- js中的数组与对象的创建以及json对象
- js面向对象开发 (三)利用js的object对象给js数组去重
- js中利用函数创建对象的5种模式
- 利用js对象的特性去除数组和重复项
- 利用JS对象的特性去除数组中的重复项
- 利用JS对象去掉数组中的重复值
- [js]创建js对象
- 利用反射创建对象
- 利用反射创建对象
- 利用js创建模版
- 利用js传递对象
- 利用jQuery操作对象数组Array,JS行政区划数组连动
- js利用apply(), Math object, js数组,对象完全智能验证
- iOS绘图教程
- JavaWeb学习总结(五十一)——邮件的发送与接收原理
- Tika文本抽取实例
- C++ 设计一个类,只能生成一个对象
- SVM - multi label
- js利用数组创建图片对象
- C/C++中的continue、break、return的区别
- hibernate 文档
- C语言(结构体)
- java 使用自定义元组
- 关于QT的正则表达式类QRegExp的细节问题
- C# Winform中无焦点状态下获取键盘输入或者USB扫描枪数据
- 买开 、卖平、卖开、买平
- Exercise(11):3Sum和