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