javascript - 简单的 JS slider - 旋转不起作用

Question

我正在尝试制作一个简单的 js 幻灯片。我做了一些事情，但是当我单击按钮时，下一个图像只是闪烁，但没有停留。这是我的代码:

var imgArr = new Array();
imgArr=["b1.jpg","b2.jpg","b3.jpg"];
var index = 0;

function myFunction() {
    var Image = document.getElementById("img");
    index++;
    Image.src = imgArr[index];
}

Answer 1

也许是因为你让索引超出了

var imgArr = new Array();

imgArr[0] = "https://pbs.twimg.com/profile_images/696818834683142145/3SARjDxT.jpg";

imgArr[1] = "http://www.jabaixei.com.br/images/imagens_das_postagens/photoscape_logo_black.png";

imgArr[2] = "http://icon-icons.com/icons2/12/PNG/256/images_nikon_camera_1745.png";

var index = 0;

function myFunction() {
  var Image = document.getElementById("img");
  Image.src = imgArr[index];
  index++;
  if (index == 3) index = 0;
}

<img id="img" src="" " style="width:100px; "/>
<button id="btnChange " onclick="myFunction(); ">change</button>