2016-11-22 107 views
1

第一張圖像將出現,但其餘的不會。我不認爲腳本可以找到它們。我如何將它指向我的圖片?圖像不會顯示在幻燈片中

的JavaScript:

var myImgage=document.getElementById("slideshow"); 

var imageArray=["healing.jpg","holiday.jpg","nye.jpg","basketball.jpg"] 

var imageIndex=0; 

function changeImage() { 
    slideshow.setAttribute("src", imageArray [imageIndex]); 
    imageIndex++; 
    if (imageIndex>=imageArray.length) { 
     imageIndex=0; 
    } 
} 

var intervalHandle = setInterval(changeImage,2000); 
    slideshow.onclick=function() { 
    clearInterval(intervalHandle); 
} 

HTML:

<img id="slideshow" src="image/healing.jpg" width="80%" height="40%"/> 
<script src="java/slideshow.js"></script> 
+3

在第一行中定義「myImgage」,但稍後使用一些名爲「slideshow」的變量。你錯過了在這裏粘貼的東西嗎? – Vaidas

回答

1

試着改變你的imageArray以下

var imageArray=["image/healing.jpg","image/holiday.jpg","image/nye.jpg","image/basketball.jpg"] 
+0

將佔用大量的字節,而是改變'slideshow.setAttribute(「src」,imageArray [imageIndex]);'對此:'slideshow.setAttribute(「src」,「image /」+ imageArray [imageIndex] );' –

+0

像魅力一樣工作,謝謝! @KevinKloet –

+0

完全沒問題!加載圖片和腳本時,您經常會發現需要確保加載正確的路徑。 – user2085143

0

myImgage更換slideshow變量。通過在圖像數組中添加image/來修復圖像路徑。