如何僅使用一個圖像標籤顯示多個圖像？

Question

我目前有問題顯示多個圖像只使用一個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'> 

但我的代碼只顯示一個圖像，然後顯示它是一種幻燈片，而是我想如果可能的話，以一種並while循環一次顯示所有的人。

Answer 1

也許你應該使用id而不是名稱（<img src="" ... id="slide" />）作爲圖像，然後使用document.getElementById('slide').src = ...。

Answer 2

事情是，你還沒有執行swapImage呢。

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

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