无论如何，我可以使用相同的脚本，但用于Divs ID标签而不是图像

Question

我一直在尝试为我正在制作的网页创建此特定的幻灯片。每次我试图用ID标签替换图像，幻灯片都会在第一张图片中冻结。我只想要一种使用相同方法使用DIV ID创建幻灯片显示的方法（因为IM试图在面板上编写/编辑）。如果有另一种方法，请也提及。

这是我用于图像的代码：

var pic = document.getElementById("car");
var Array = ["images/pic_1.jpg", "images/pic_2.jpg", "images/pic_3.jpg"];
var index = 0;
function myFunction() {
  pic.setAttribute("src", Array[index]);
  index++;
  if (index >= Array.length) {
    index = 0;
  }
}
setInterval(myFunction, 1000);

Answer 1

实际上，您可以使用代码的某些部分（和基本想法），然后做类似的事情：

var index = 0;
slides=document.querySelectorAll('.slide');
function myFunction() {
for(i=0;i<slides.length;i++) {
slides[i].style.display='none'; //hide all
}
slides[index].style.display='block'; //show current
  index++;
  if (index >= slides.length) {
    index = 0;
  }
}
setInterval(myFunction, 1000);

演示：

var index = 0;
slides=document.querySelectorAll('.slide');
function myFunction() {
for(i=0;i<slides.length;i++) {
slides[i].style.display='none'; //hide all
}
slides[index].style.display='block'; //show current
  index++;
  if (index >= slides.length) {
    index = 0;
  }
}
setInterval(myFunction, 1000);

.slide {
  display:none;
  position:absolute;
}

<div id="container">
<div class="slide">
111111
</div>
<div class="slide">
222222222
</div>
<div class="slide">
333333333333
</div>
</div>

Answer 2

不要将您的数组称为...数组，因为它是JavaScript数组对象的关键字。尝试这样的事情：

var cars = ["images/pic_1.jpg","images/pic_2.jpg","images/pic_3.jpg"]
(...)
pic.setAttribute("src" , cars[index])

它应该有帮助。