我想使用 html css 和 js 制作幻灯片。为此,我编写了代码,并且正在播放幻灯片。但每次开始时它都会创建一个名为 image 的空白图像,我在 alt 标记中写了它。如何删除它?
<img id="myPhoto" src="images.jpg" alt="image">
<script src="slideshow.js"></script>
我的javascript是
var myImage=document.getElementById("myPhoto");
var imageArray=["images.jpg","image1.jpg","images2.jpg","images3.jpg","images4.jpg"];
var imageIndex=0;
function changeImage()
{
myPhoto.setAttribute("src", imageArray[imageIndex]);
imageIndex++;
if(imageIndex>=imageArray.length){
imageIndex=0;
}
}
var intervalHandle = setInterval(changeImage,3000);
myPhoto.onclick=function(){
clearInterval(intervalHandle)
}
最佳答案
您的代码工作正常。我在您的 javascript imageArray 中注意到,除了 image1.jpg 之外,所有图像都已命名为 images2、images3 等。我认为这些可能是一个愚蠢的错误。因为如果找不到图像,alt 会显示消息。否则你的代码很适合制作幻灯片。
关于javascript - 如何使用 html 和 css 制作幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31447471/