Javascript 此图像滑块从零开始为什么？

所以我为一个学校项目制作了一个图像滑块，当我启动页面或重新加载页面时就会发生这种情况。页面仅显示箭头和点。

这是我的密码：

showSlides（slideIndex）；
//下一个/上一个控件
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
//缩略图图像控件
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
如果（n>幻灯片长度）{
slideIndex=1
}
if（n<1）{
slideIndex=slides.length
}
对于（i=0；i

页边距顶部：-8px；
左边距：-8px；
}
.标题{
边缘顶部：25px；
}
海德里姆先生{
宽度：2047px；
边缘底部：-168px；
}
托德尔先生{
颜色：红色；
左边距：81px；
}
.菜单栏{
颜色：黑色；
文字装饰：无；
字体大小：35px；
字体系列：Arial；
字体大小：粗体；
}
林基姆先生{
宽度：537px；
高度：150像素；
利润上限：-89px；
左边距：17px；
}
#回家{
左边距：50像素；
底部边框：3倍纯红；
}
#托罗斯特{
左边距：200px；
}
#托斯莫伦博克{
左边距：200px；
}
#托苏切斯韦尔哈尔酒店{
左边距：200px；
位置：绝对位置；
}
.slideshow容器{
浮动：左；
}
* {
框大小：边框框
}
/*幻灯片容器*/
.slideshow容器{
最大宽度：1000px；
位置：相对位置；
边缘顶部：60像素；
}
/*默认情况下隐藏图像*/
迈斯利德斯先生{
显示：无；
}
/*下一步和上一步按钮*/
.prev，
.下一个{
光标：指针；
位置：绝对位置；
最高：50%；
宽度：自动；
利润上限：-22px；
填充：16px；
颜色：黑色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
用户选择：无；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
右边距：0px；
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，
.下一步：悬停{
背景色：rgba（0,0,0,0.8）；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：50px；
填充：8px 5px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
文本阴影：2px 2px#000000；
}
/*点/子弹/指示器*/
多特先生{
光标：指针；
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
利润上限：660像素；
}
.主动，
.dot:悬停{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
@关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
.Successverhalen_侧边栏{
浮动：对；
左边距：15px；
边缘顶部：30px；
}
.successverhalen\u侧边栏\u文本{
位置：绝对位置；
左边距：1900px；
利润上限：91px；
}

DHL Nieuws
圣克拉斯岛在这块土地上更为荒凉！
他是binnen kort黑色星期五！
圣诞老人来了！









。。。。。。。。。。。。。。。。。。。。。。。。。









。。。。。。。。。。。。。。。。。。。。。。。。。









。。。。。。。。。。。。。。。。。。。。。。。。。









。。。。。。。。。。。。。。。。。。。。。。。。。











。。。。。。。。。。。。。。。。。。。。。。。。。









。。。。。。。。。。。。。。。。。。。。。。。。。

您只需像var slideIndex=0一样定义slideIndex；or=1，因此它将是

var slideIndex=1；
放映幻灯片（幻灯片索引）；javascript没有正确加载，因为它位于头部，所以将脚本标记放在正文的底部

您只需像var slideIndex=0一样定义slideIndex；or=1，因此它将是

var slideIndex=1；
放映幻灯片（幻灯片索引）；javascript没有正确加载，因为它位于头部，所以将脚本标记放在正文的底部

代码中存在一些语义问题

想当然地，这就是您的全部javascript代码，我看到了以下问题：

showSlides(slideIndex); // --> Here you are calling showSlides function with slideIndex that is undefined, 
                        //     maybe you are missing something like "var slideIndex = 0" or similar

function plusSlides(n) {
   showSlides(slideIndex += n);
}

function currentSlide(n) {
   showSlides(slideIndex = n);
}

function showSlides(n) {
   var i;
   var slides = document.getElementsByClassName("mySlides");
   var dots = document.getElementsByClassName("dot");
   if (n > slides.length) {
   slideIndex = 1 // --> here slideIndex is not yet declared, is it global?
                  //     if it's not the case you have to declare it on top, like after "var i;" declaration.
   }
   if (n < 1) {
      slideIndex = slides.length
   }
   for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "block";
   }
   for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
   }
   slides[slideIndex - 1].style.display = "block";
   dots[slideIndex - 1].className += "active";
}

---

或者最终您可以将您的

脚本

标记放在

正文

结束标记前面

代码中存在一些语义问题

想当然地，这就是您的全部javascript代码，我看到了以下问题：

showSlides(slideIndex); // --> Here you are calling showSlides function with slideIndex that is undefined, 
                        //     maybe you are missing something like "var slideIndex = 0" or similar

function plusSlides(n) {
   showSlides(slideIndex += n);
}

function currentSlide(n) {
   showSlides(slideIndex = n);
}

function showSlides(n) {
   var i;
   var slides = document.getElementsByClassName("mySlides");
   var dots = document.getElementsByClassName("dot");
   if (n > slides.length) {
   slideIndex = 1 // --> here slideIndex is not yet declared, is it global?
                  //     if it's not the case you have to declare it on top, like after "var i;" declaration.
   }
   if (n < 1) {
      slideIndex = slides.length
   }
   for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "block";
   }
   for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
   }
   slides[slideIndex - 1].style.display = "block";
   dots[slideIndex - 1].className += "active";
}

---

或者，最终您可以将

脚本

标记放在

正文

结束标记之前，默认情况下，所有幻灯片都会隐藏，但在页面加载时，您的第一张幻灯片显示在哪里？我看到

showSlides（slideIndex）但未定义
slideIndex
。按下屏幕左上角home按钮旁边的箭头，当我单击此按钮时，我转到下一个图像。这就是你的意思吗？我说的是以前加载页面的时间