Question

我不明白为什么我的滑块无法工作。

在HTML页面上，我第一次从滑块链接到JavaScript。在JavaScript中，我有一个包含2个图像的数组。不幸的是，我的滑块不起作用。图像不会改变。它保留在第一个。

可能出现什么问题？

＆＃13;

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);

＆＃13;

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

＆＃13;

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无法更改图片 - Slider

1 个答案: