幻灯片不起作用

Question

我创建了一个幻灯片，每5秒更改一次图像。

如果访问者在4秒钟后单击“下一步”，则图像将在1秒内更改两次。

在有人按下“下一个”或“上一个”之后，有人知道如何重置间隔吗？

<script type="text/javascript">
    var Image = new Array("media/HeaderImage.jpg", "media/HeaderImage2.jpg", "media/HeaderImage3.jpg");

    var Image_Number = 0;
    var Image_Length = Image.length - 1;
    var Image_Intverval;    

    auto();

    function change_image(num)
    {

        Image_Number = Image_Number + num;

        if (Image_Number > Image_Length)
        {
            Image_Number = 0;
        }

        if (Image_Number < 0)
        {
            Image_Number = Image_Length;
        }

        document.slideshow.src= Image[Image_Number];

        clearInterval(Image_Interval);      
        auto();                             

        return false;

    }

    function auto()
    {
        Image_Intverval = setInterval("change_image(1)", 10000);  
    }

编辑：

是的，没错，这是10秒，但这不是重点。

这是“下一个”和“上一个”的链接的代码：

<a href="javascript:change_image(1)"><div id="arrowRight"></div></a>
<a href="javascript:change_image(-1)"><div id="arrowLeft"></div></a>

Answer 1

您的代码不会每5秒更改一次（您的代码为10秒。）因此，您必须解决以下问题：

Image_Intverval = setInterval("change_image(1)", 5000);

并且，如果您想解决此问题，则必须发布代码Next或Previous函数。