Javascript幻灯片放映错误_Javascript_Slideshow

Javascript幻灯片放映错误

javascript

Javascript幻灯片放映错误,javascript,slideshow,Javascript,Slideshow,所以我试着用幻灯片展示我的图像，你按下开始按钮启动计时器。我相信我所有的代码都是正确的，但它永远不会改变图像。我不确定会出什么问题 <!DOCTYPE html> <html> <head><title>Slide Show</title> <script type ="text/javascript"> var i=0; var timeout; function p

所以我试着用幻灯片展示我的图像，你按下开始按钮启动计时器。我相信我所有的代码都是正确的，但它永远不会改变图像。我不确定会出什么问题

<!DOCTYPE html>
<html>
<head><title>Slide Show</title>
    <script type ="text/javascript">
        var i=0;
        var timeout;
        function preLoadImages()
        {
            if (document.images)
            {
                fire = new Array();
                fire[0] = new Image();
                fire[0] = "./images/fire2.jpg";
                fire[1] = new Image();
                fire[1] = "./images/fire3.jpg"
                fire[2] = new Image();
                fire[2] = "./images/fire4.jpg"
                fire[3] = new Image();
                fire[3] = "./images/fire1.jpg"
            }
            else
            {
                alert("There are no images to preload");
            }
        }
        function startSlideshow()
        {
            if (i < fire.length)
            {
                document.images["fire_pic"].src = fire[i];
                i++;
            }
            else
            {
                i = 0;
                document.images["fire_pic"].src = fire[i];
            }
            timeout = setTimeout('startSlideShow()',1000);
        }
        function stopSlideShow()
        {
            clearTimeout(timeout);
        }
    </script>
</head>
<body onload = "preLoadImages()">
    <img name="fire_pic" src="./images/fire1.jpg" height="289" width="432"/>
    <form>
        <br /><br />
        <input type=button value="Start Show" onClick="return startSlideShow();"/>
        <input type=button value="Stop Show" onClick="return stopSlideShow();"/>
    </form>
</body>


幻灯片放映
var i=0；
var超时；
函数preload images（）
{
if（document.images）
{
fire=新数组（）；
fire[0]=新图像（）；
fire[0]=“/images/fire2.jpg”；
fire[1]=新图像（）；
fire[1]=“/images/fire3.jpg”
fire[2]=新图像（）；
fire[2]=“/images/fire4.jpg”
fire[3]=新图像（）；
fire[3]=“/images/fire1.jpg”
}
其他的
{
警报（“没有要预加载的图像”）；
}
}
函数startSlideshow（）
{
如果（i

由于大小写不一致，您出现运行时错误：
startSlideshow
与
startSlideshow
；选择一个。检查浏览器控制台以查看错误

此外，预加载程序代码也不起作用：将
Image
对象添加到数组中，然后立即用字符串覆盖它们。您应该使用：

fire = new Array(); fire[0] = new Image(); fire[0].src = "./images/fire2.jpg";
然后在
startSlideShow
（或
startSlideShow
）上，您应该使用
document.images[“fire\u pic”].src=fire[i].src

包括所有修复。
您遇到了什么错误？没有遇到任何错误。第一张图片加载正常，但当我按下开始显示按钮时，什么也没发生。哇。我仔细看了一遍，觉得有个拼写错误。不知道我怎么会错过。谢谢