Javascript W3学校多幻灯片放映教程-其他幻灯片放映

这是一个包含多个元素的页面的JS。每一个都会触发自己的模式幻灯片。对两个有效，但当我尝试添加第三个时，它失败了。 逻辑上的第一步是：var slideID=[“mySlides1”、“mySlides2”、“mySlides3]。同样，在CSS中添加.mySlides3。 但肯定还有更多。 如果我能解释一下这些台词的作用： 放映幻灯片（1,0）； 放映幻灯片（1,1）

用于两个幻灯片的原始代码（w3Schools.com）

var slideIndex=[1,1]；
/*使用不同的CSS类对每个幻灯片组的成员进行分类*/
var slideId=[“mySlides1”、“mySlides2”]
放映幻灯片（1,0）；
放映幻灯片（1,1）；
函数加滑块（n，否）{
放映幻灯片（幻灯片索引[no]+=n，no）；
}
功能演示幻灯片（n，否）{
var i；
var x=document.getElementsByClassName（slideId[no]）；
如果（n>x.length）{slideIndex[no]=1}
如果（n<1）{slideIndex[no]=x.length}
对于（i=0；i

更改您的slideIndex和slideId以包含第三个幻灯片放映的成员。然后调用第三组的showSlides

var slideIndex = [1,1,1];
var slideId = ["mySlides1", "mySlides2", "mySlides3"]
showSlides(1, 0);
showSlides(1, 1);
showSlides(1, 2);

当然，这假设您复制了一个幻灯片HTML，并相应地更改了ID

另外，不要忘记将.mySlides3类添加到页面顶部的CSS中

.mySlides1, .mySlides2, .mySlides3 {display: none}

---

更改slideIndex和slideId以包含第三个幻灯片放映的成员。然后调用第三个组的showSlides

var slideIndex = [1,1,1];
var slideId = ["mySlides1", "mySlides2", "mySlides3"]
showSlides(1, 0);
showSlides(1, 1);
showSlides(1, 2);

当然，这假设您复制了一个幻灯片HTML，并相应地更改了ID

另外，不要忘记将.mySlides3类添加到页面顶部的CSS中

.mySlides1, .mySlides2, .mySlides3 {display: none}

---

您好，欢迎来到Stack Overflow。请编辑您的问题以解释实际发生的情况-当我们只知道“它不工作”时，将很难调试此问题。谢谢。谢谢MandyShaw，为了清晰起见，我进行了编辑。乍一看，

slideIndex

需要为第三个幻灯片添加一个附加值，您可能需要调用<代码>放映幻灯片（1、2）显示它的第一个图像。顺便说一句，我不会建议刚刚学习如何编码的人使用此代码。该代码非常糟糕。您好，欢迎使用堆栈溢出。请编辑您的问题以解释实际发生的情况-当我们知道“它不工作”时，很难调试此代码。谢谢。谢谢MandySh哦，为了清晰起见，我进行了编辑。乍一看，

slideIndex

需要为第三张幻灯片添加一个附加值，您可能需要调用

showselides（1,2）

来显示它的第一个图像。顺便说一句，我不会建议仅仅学习如何编码的人使用此代码。该代码非常糟糕。这很有效。我将致力于学习slideIndex和showSlides（1，x）的使用情况；非常感谢您的帮助。这很有效。我将致力于了解slideIndex和showSlides（1，x）的情况；非常感谢您的帮助。