Question

我想使用html css和js进行幻灯片放映。因为我写代码，我得到幻灯片放映。但每次在开始时它都会创建一个名为image的空白图像，我在alt tag.ow上写下来删除它？

<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

您的代码似乎没有任何问题。我复制了你的代码并编写了幻灯片程序。它按预期正常工作。

至于你提到的问题，我认为你可以这样做：

确保你的＆＃34; images.jpg＆＃34;存在。我试图故意包含一个不存在的图像，它显示＆＃34; 一个名为image的空白图像＆＃34;正如你在问题中提到的那样。因此，我认为您可能错误地包含了您的图像。对我来说，只要正确包含图像源，问题就解决了。
您可能想了解更多关于＆＃34; alt＆＃34; img标签中的属性。我想在你的情况下，alt是没有必要的。您可以将其设置为alt =＆＃34;＆＃34;。有关何时使用＆＃34; alt＆＃34;的更多信息img标记中的属性，您可能需要引用此网址：http://www.w3.org/QA/Tips/altAttribute

Answer 2

您的代码运行正常。 onxing我注意到你的javascript imageArray所有图片都命名为images2，images3等，除了image1.jpg。我认为这些可能有一个愚蠢的错误。因为如果找不到图像，alt会显示该消息。否则你的代码是一个很好的幻灯片放映。

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

2 个答案: