Question

我想制作一个非常简单的滑块。一切都正常，除了一件事。问题是它没有加载名为＆＃39; b.jpg＆＃39;的图像。如果我用任何其他名称重命名相同的图片，它会加载它，但它没有加载任何名称为＆＃39; b.jpg＆＃39;的图像。这是我的代码。如果出现问题，请告诉我。

<!DOCTYPE html>
<html>
<head>
    <title>Slider ~ Javascript</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

    <img id="imgSlider">

    <script type="text/javascript" src="script.js"></script>

</body>
</html>

这里有script.js：

var imgLinks = ['a.jpg', 'b.jgp', 'c.jpg', 'd.jpg', 'e.jpg'];
var mySlider = document.getElementById('imgSlider');
var imgIndex = 0;  
function changeImage() {
    mySlider.setAttribute('src', imgLinks[imgIndex]);
    imgIndex++;
    if (imgIndex >= imgLinks.length) {
        imgIndex = 0;
    };
}

var intervals = setInterval(changeImage, 2000);
mySlider.onclick = function (c) {
    clearInterval(intervals);
}

Answer 1

你的代码有b.jgp而其他所有代码都是jpg。

imgLinks = ['a.jpg', 'b.jgp', 'c.jpg', 'd.jpg', 'e.jpg'];

将其更正为b.jpg它会正常工作

imgLinks = ['a.jpg', 'b.jpg', 'c.jpg', 'd.jpg', 'e.jpg'];

基于Javascript的简单滑块无法正常工作

1 个答案: