javascript - 如何使用 html 和 css 制作幻灯片

Question

我想使用 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)
    }

Answer 1

您的代码工作正常。我在您的 javascript imageArray 中注意到，除了 image1.jpg 之外，所有图像都已命名为 images2、images3 等。我认为这些可能是一个愚蠢的错误。因为如果找不到图像，alt 会显示消息。否则你的代码很适合制作幻灯片。