2016-11-22 90 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/来修复图像路径。