JS轮播图片的循环怎么写？

问题描述：

下面是是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
];

答

不太懂你题目的意思

如果是问怎么设置不定数量的轮播图：
例如：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
})

如有帮助，望采纳 ^.^ 谢谢

答

用while来循环不就解决了么？况且JS里面一般用Interval()

答

原生的化就用for循环

for(var i =0;i<保存图片的数组.length;i++){
要什么取什么就行
}

JS轮播图片的循环怎么写？

相关推荐