下面是是11张图片轮播部分代码,但是有个问题,我的轮播的图片可能不止11张,这个数量的多少取决于我的设定的数量,也就是说这个数量不是固定的,我想写一个图片循环来表示,但是这个循环要怎么写?
var w="700";
var l="114";
var p=0.1;
var z=1;
var config =
[
{
"width": w,
"left": 0l,
"opacity": p1,
"zIndex": 1z,
},//0
{
"width": w,
"left": 1l,
"opacity": p2,
"zIndex": 2z,
},//1
{
"width": w,
"left": 2l,
"opacity": p4,
"zIndex": 3z,
},//2
{
"width": w,
"left": 3l,
"opacity": p6,
"zIndex": 4z,
},//3
{
"width": w,
"left": 4l,
"opacity": p8,
"zIndex": 5z,
},//4
{
"width": w,
"left": 5l,
"opacity": p10,
"zIndex": 6z,
},//5
{
"width": w,
"left": 6l,
"opacity": p8,
"zIndex": 5z,
},//6
{
"width": w,
"left": 7l,
"opacity": p6,
"zIndex": 4z,
},//7
{
"width": w,
"left": 8l,
"opacity": p4,
"zIndex": 3z,
},//8
{
"width": w,
"left": 9l,
"opacity": p2,
"zIndex": 2z,
},//9
{
"width": w,
"left": 10l,
"opacity": p1,
"zIndex": 1*z,
}//10
];
JS轮播图片的循环怎么写?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
关注 不太懂你题目的意思
- 如果是问怎么设置不定数量的轮播图:
例如:element的轮播图,直接v-for循环渲染就行了
<el-carousel height="150px"> <el-carousel-item v-for="item in imgArr" :key="item"> <img src="item"> </el-carousel-item> </el-carousel>
- 如果你是想自己做轮播图,设置个图片数组,每个对象有自己的样式,例如你上面的数据格式:
比如你想设n张图的轮播图
let arr = Array(n).fill('') imgArr = arr.map((item,index) => { item.width = "700" item.left = index*114 item.opacity = (index+1)*0.1 item.zindex = index+1 })
如有帮助,望采纳 ^.^ 谢谢
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报- 如果是问怎么设置不定数量的轮播图:
悬赏问题
- ¥15 任务A:大数据平台搭建(容器环境)怎么做呢?
- ¥15 r语言神经网络自变量重要性分析
- ¥15 基于双目测规则物体尺寸
- ¥15 wegame打不开英雄联盟
- ¥15 公司的电脑,win10系统自带远程协助,访问家里个人电脑,提示出现内部错误,各种常规的设置都已经尝试,感觉公司对此功能进行了限制(我们是集团公司)
- ¥15 救!ENVI5.6深度学习初始化模型报错怎么办?
- ¥30 eclipse开启服务后,网页无法打开
- ¥30 雷达辐射源信号参考模型
- ¥15 html+css+js如何实现这样子的效果?
- ¥15 STM32单片机自主设计