簡體   English   中英

基於Javascript的簡單滑塊無法正常工作

[英]Javascript based simple slider not working correctly

我正在嘗試制作一個非常簡單的滑塊。 除一件事外,其他所有工具均正常工作。 問題在於它沒有加載名為“ b.jpg”的圖像。 如果我用其他任何名稱重命名同一張圖片,它將加載它,但不會加載任何名稱為'b.jpg'的圖像。 這是我的代碼。 請告訴我是否有問題。

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

您的代碼包含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'];

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM