JavaScript不會更改圖像-滑塊

Question

我不明白為什么我的滑塊不起作用。

在HTML頁面上，我是第一次使用滑塊，並鏈接到JavaScript。 在JavaScript中，我有一個包含2個圖像的數組。 不幸的是，我的滑塊不起作用。 圖像不會改變。 它停留在第一個。

可能是什么問題？

 var myImage=document.getElementById("slide"); var imageArray=["image1.jpg", "image2.jpg"]; var imageIndex=0; function changeImage () { slider.setAttribute("src", imageArray [imageIndex]); imageIndex++; if (imageIndex>=imageArray.length) { imageIndex=0; } } var intervalHandle = setInterval(changeImage,2000);

 <!DOCTYPE html> <html lang="cs"> <head></head> <body> <img src="image1.jpg" id="slide"/> <script src="javascript.js"></script> </body> </html>

Answer 1

試試下面的代碼：

var myImage=document.getElementById("slide");

var imageArray=["image1.jpg", "image2.jpg"];

var imageIndex=0;

function changeImage () {
    myImage.setAttribute("src", imageArray [imageIndex]);
    imageIndex++;
    if (imageIndex>=imageArray.length) {
        imageIndex=0;
    }
}
setInterval(changeImage,2000);

JavaScript不會更改圖像-滑塊

問題描述

1 個解決方案

解決方案1
0 2016-04-22 01:11:28

JavaScript不會更改圖像-滑塊

問題描述

1 個解決方案

解決方案1 0 2016-04-22 01:11:28

解決方案1
0 2016-04-22 01:11:28