同一页面运行3个Slideshow轮播点击第三个按钮控制第二个轮播问题求解

问题原因 #

第三个轮播的切换按钮onclick事件传入的轮播索引参数错误，你定义的三个轮播对应索引依次为0、1、2，但第三个轮播的按钮当前传的是1，和第二个轮播的索引一致，所以点击会操作第二个轮播。

解决方案 #

你现有的JS逻辑本身没有问题，只需要找到第三个轮播容器内的两个切换按钮，修改onclick里的第二个参数为2即可：

<!-- 修正后的第三个轮播按钮代码 -->
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1, 2)">&#10094;</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1, 2)">&#10095;</button>

修正后三个轮播的切换操作就会完全独立，互不干扰。

内容的提问来源于stack exchange，提问作者Among US