Javascript 如何仅使用一个图像标记显示多个图像？

我目前仅使用一个

img

标记显示多个图像时遇到问题，并且其

src

连续更改。这是我的密码：

<script>
  var i=0;

  function swapImage() {
    document.slide.src = 'image'+i+'.jpg';

    i++; 
    setTimeout('swapImage()',3000);
  }

</script>
<img class='materialboxed' width='350px' height='250px' src='CCTV.jpg' name='slide'>

var i=0；
函数swapImage（）{
document.slide.src='image'+i+'.jpg'；
i++；
setTimeout（'swapImage（）'，3000）；
}

---

但是我的代码只显示一个图像，然后以幻灯片的形式显示，但是如果可能的话，我想以for和while循环的形式一次性显示所有图像。

也许你应该对图像使用id而不是name（

），然后使用

文档。getElementById（'slide'）。src=…

问题是，您尚未执行

swapImage

var i = 0;
(function swapImage() {
  document.slide.src = 'image' + i + '.jpg';

  i++;
  setTimeout('swapImage()', 3000);
})();

---

您在哪里定义

i

？@Tresdin查看更改！虽然使用

id

而不是

name

显然是更常见和标准的方法，但这并不是真正的问题。