javascript - TypeError:slides [(slideIndex-1)]未定义

我对正在为任务制作的幻灯片放映有疑问。我的调试技能不是最好的，因为我是HTML和JS的新手。我的问题来自从幻灯片JS中的一行获取typeError。问题是在此块中：

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length) {
    slideIndex = 1
  }
  slides[slideIndex - 1].style.display = "block";
  setTimeout(showSlides, 4000);
}

我的HTML是：

    <img class="mySlides" src="http://www.kitchenaid.com/images/global/masthead-major-appliances.jpg">
<img class="mySlides" src="http://www.depotkitchen.com/wp-content/uploads/2015/05/kitchen-aid-appliances-1.jpg">
<img class="mySlides" src="http://washburns.com/media/k2/galleries/11/stainlesssteelkitchen2.jpg">
<img class="mySlides" src="https://www.appliancedepot.com/media/R37672.jpg">

问题出在slides[slideIndex-1].style.display = "block";行上，我得到了错误：


  TypeError：幻灯片[{slideIndex-1）]未定义。


有人知道解决方案吗？谢谢你的帮助！

这是调试页面上的错误的屏幕截图：

Debugging page and error show cased

最佳答案

我有同样的问题。
滑块和问题解决后加载js文件。

关于javascript - TypeError:slides [(slideIndex-1)]未定义，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40364358/