Javascript 同时播放的两个幻灯片不起作用

我正在努力使两个幻灯片同时工作

我是否需要为每一个单独的

JavaScript

？所有作为一个单独幻灯片放映的图像都在

类的

instagram幻灯片放映中。如何在一页上进行多个自动幻灯片放映


$（文档）。在（'click'，'a[href^=“#”]”上，函数（事件）{
event.preventDefault（）；
$（'html，body'）。设置动画({
scrollTop:$（$.attr（此'href'））.offset（）.top
}, 500);
});
var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“幻灯片”）；
对于（i=0；i幻灯片长度）{
slideIndex=1
}
幻灯片[slideIndex-1].style.display=“block”；
设置超时（showSlides，2000）；
}
（函数（$）{
$.fn.visible=函数（部分）{
var$t=$（此），
$w=$（窗口），
viewTop=$w.scrollTop（），
viewBottom=viewTop+$w.height（），
_top=$t.offset（）.top，
_底部=_顶部+$t.高度（），
compareTop=partial==true？\u底部：\u顶部，
compareBottom=部分===真？\u顶部：\u底部；
返回（（compareBottom=viewTop））；
};
})（jQuery）；
var win=$（窗口）；
var allModifications=$（“.half-width content”）；
//使所有直接可见的图元可见
所有修改。每个（功能（i，el）{
变量el=$（el）；
如果（el.可见（真实））{
警惕（）；
el.find（“.半角文本”）.addClass（“打开”）；
}
});
//使滚动到视口中的元素可见
win.scroll（功能（事件）{
所有修改。每个（功能（i，el）{
变量el=$（el）；
如果（el.可见（真实））{
el.find（“.半角文本”）.addClass（“打开”）；
}
});
});
正文{
保证金：0；
}
.集装箱{
显示器：flex；
柔性包装：包装；
弯曲方向：行；
高度：100vh；
}
.container>div{
最小高度：100vh；
边框：1px纯黑；
框大小：边框框；
}
.container>div>a>.dot{
位置：相对位置；
过渡：背景。2s线性；
左：50%；
底部：10%；
z指数：101；
高度：25px；
宽度：25px；
背景色：白色；
边界半径：50%；
显示：内联块；
}
.container>div>a>.dot>。向下箭头{
过渡：边界。2s线性；
位置：绝对位置；
最高：11%；
左：24%；
边框：纯黑；
边框宽度：0 3px 3px 0；
显示：内联块；
填充物：5px；
}
.container>div>a.dot:悬停{
背景：黑色；
}
.container>div>a.dot:hover>。向下箭头{
边框：纯白；
边框宽度：0 3px 3px 0；
显示：内联块；
填充物：5px；
}
.container>div>a>.dot>。向下箭头{
变换：旋转（45度）；
-webkit变换：旋转（45度）；
}
.container>div.content{
高度：100vh；
宽度：100vw；
}
.全宽{
宽度：100%；
}
.半幅{
宽度：50%；
}
div>.content{
背景：绿色；
}
.video-iframe.fullsize{
身高：100%；
宽度：100%；
}
.名单{
列表样式：无；
文本对齐：居中；
}
.half width>.half width内容{
位置：相对位置；
边际上限：0；
身高：100%；
宽度：100%；
}
.half-width>.half-width content>.instagram幻灯片放映{
位置：相对位置；
身高：100%；
宽度：100%；
}
.half-width>.half-width content>.instagram幻灯片放映>img{
位置：绝对位置；
宽度：100%；
身高：100%；
}
.half-width>.half-width content>.half-width text{
位置：绝对位置；
左：50%；
最高：150%；
可见性：隐藏；
-webkit转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
过渡：所有1s线性；
}
.half-width>.half-width content>.half-width text>h1{
文本对齐：居中；
}
.half-width>.half-width content>.half-width-text.open{
能见度：可见；
最高：50%；
}

这是一个标题
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，不
海takimata圣殿是一座美丽的圣殿。同一天，你可以坐在一个房间里，你可以坐在另一个房间里

第4组
给你


$（文档）。在（'click'，'a[href^=“#”]”上，函数（事件）{
event.preventDefault（）；
$（'html，body'）。设置动画({
scrollTop:$（$.attr（此'href'））.offset（）.top
}, 500);
});
var slideIndex=0；
//运行两个幻灯片，每个幻灯片一个
放映幻灯片（0）；
放映幻灯片（1）；
//给出索引的滑块函数参数
功能演示幻灯片（索引）{
var i；
//选择特定的滑块，然后选择其滑块
var sliderBlock=document.getElementsByClassName（“instagram幻灯片”）[index]；
var slides=sliderBlock.getElementsByClassName（“幻灯片”）；
对于（i=0；i幻灯片长度）{
slideIndex=1
}
幻灯片[slideIndex-1].style.display=“block”；
//超时后，再次运行相应的函数
setTimeout（function（）{showshields（index）}，2000）；
}
（函数（$）{
$.fn.visible=函数（部分）{
var$t=$（此），
$w=$（窗口），
viewTop=$w.scrollTop（），
viewBottom=viewTop+$w.height（），
_top=$t.offset（）.top，
_底部=_顶部+$t.高度（），
compareTop=partial==true？\u底部：\u顶部，
compareBottom=部分===真？\u顶部：\u底部；
返回（（compareBottom=viewTop））；
};
})（jQuery）；
var win=$（窗口）；
var allModifications=$（“.half-width content”）；
//使所有直接可见的图元可见
所有修改。每个（功能（i，el）{
变量el=$（el）；
如果（el.可见（真实））{
'