html/javascript幻燈片不起作用

-1

我想在我的網頁上有一個幻燈片，但我的代碼沒有工作。這裏是我的html：html/javascript幻燈片不起作用

<body> 
<script type="text/javascript"> 
var slideNumber = 1; 
function slide() { 
    document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg"; 
    slideNumber++; 
    if (slideNumber == 5) { 
     slideNumber = 1; 
    } 
    setTimeout("slide()",2500); 
} 
slide(); 
</script> 
<img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/> 
</body>

爲什麼它不按預期工作？

來源

2015-08-25 yukashima huksay

什麼顯示在幻燈片應該在哪裏？在日誌中發現任何錯誤？ – Alfabravo

圖片1.jpg被顯示。和idk關於日誌：D –

是否有任何你創建的ID爲「幻燈片」的DOM？ – Kamal

工作小提琴：https://jsfiddle.net/uff8nydv/

var slideNumber = 1; 

function slide() { 

    document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";  
    console.log("../images/slideshow/" + slideNumber + ".jpg"); 

    slideNumber++; 

    if (slideNumber == 5) { 
     slideNumber = 1; 
    } 

    setTimeout(slide,500); 
} 

slide();

另外，還要確保你identifiy <img>爲id="slideshow"

<body> 
    <img src="../images/slideshow/1.jpg" width="500" height="300" id="slideshow"/> 
</body>

來源

2015-08-25 15:54:22

我複製你的代碼在我的外部JavaScript，也是我添加一個提醒，所以我敢肯定，JavaScript連接到我的文件，我也在我的HTML中添加了ID，但它仍然無法正常工作！（如果有任何調試方法），我掙扎了很多，我真的不知道該怎麼做！ –

我加了一個現在當我點擊按鈕時圖片開始滑動。很感謝您的幫助。現在我能做些什麼幻燈片放映從頁面加載開始？btw什麼是你的代碼中的console.log？ –

我在身上使用onload，現在問題已修復！謝謝。 –

setTimeout調用函數slideit()，它不存在於您的代碼中。把它改爲slide()可能會更好。

此外，eval是不必要的，並且腳本因爲您試圖通過getElementById("slideshow")訪問元素#slideshow而在您的代碼中不存在。

編輯：固定它...

<body> 

    <img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/> 

<script type="text/javascript"> 
    var slideNumber = 1; 
    function slide() { 
     document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg"; 
     slideNumber++; 
     if (slideNumber == 5) { 
      slideNumber = 1; 
     } 
     setTimeout("slide()",1000); 
    } 
    slide(); 
</script> 

</body>

來源

2015-08-25 15:47:58 danielaKay

此外，可變slideNumber永遠不會等於5. – Alfabravo

@danielaKay：是的！正確！我修好了，但nth改變了，我也把它拿出來，如果:)謝謝 –

@Alfabravo：哦是啊！反正這個功能確實nth，而且！我應該怎麼做，如果我想讓幻燈片一直在運行？ –

您必須添加ID =「slideshow」至

img src="../images/slideshow/1.jpg" id="slideshow" width="500" height="300"

爲了改變圖像。

來源

2015-08-25 15:56:17

html/javascript幻燈片不起作用

回答

相關問題