Arrays 我的函数正在运行，但它'；s不显示图片I'；我在我的阵型中等待

我想创建一个幻灯片又名旋转木马。但是，我没有看到图像元素中显示任何图像。我不知道我哪里出错了

var i=0
var时间=3000；
var图像=新阵列（3）
var slide=document.getElementById（“幻灯片”）
图像[0]=新图像（）；
图片[0].src=“picture/michael jordan.jpg”
图像[1]=新图像（）；
图片[1].src=“picture/usain bolt.jpg”；
图像[2]=新图像（）；
图片[2].src=“picture/zidane.jpg”
console.log（图像）
函数更改img（）{
slide.src=图像[i]；
如果（i

幻灯片放映
您必须在使用Javascript的同时使用CSS。请看一下这个片段

首先，将slideIndex设置为1。（第一张照片）

然后调用showDivs（）以显示第一个图像

当用户单击其中一个按钮时，调用plusDivs（）

函数的作用是：在slideIndex中减去一个或添加一个

函数的作用是：使用
类名“mySlides”，并显示（display=“block”）带有
给定的slideIndex

如果slideIndex大于元素数（x.length），
滑块索引设置为零

如果slideIndex小于1，则将其设置为元素数
（x.长度）

资料来源：


❮
❯
var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}；
对于（i=0；i
我肯定希望在图像元素中看到它。但我没有看到任何图像被显示。如果你知道如何解决这个问题，请给我写信。
<img class="mySlides" src="img_snowtops.jpg">
<img class="mySlides" src="img_lights.jpg">
<img class="mySlides" src="img_mountains.jpg">
<img class="mySlides" src="img_forest.jpg">



<button class="w3-button w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
<button class="w3-button w3-display-right" onclick="plusDivs(+1)">&#10095;</button>

var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function showDivs(n) {
 var i;
 var x = document.getElementsByClassName("mySlides");
 if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length} ;
  for (i = 0; i < x.length; i++) {
   x[i].style.display = "none";
  }
  x[slideIndex-1].style.display = "block";
}