如何只使用一个图像标签显示多个图像?

时间:2015-05-01 14:51:29

标签: javascript html

我目前在仅使用一个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'>

但是我的代码只显示一个图像,然后以一种幻灯片形式显示,但我想在一种for和while循环中同时显示所有这些图像。

1 个答案:

答案 0 :(得分:2)

问题是,你还没有执行swapImage

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

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