幻灯片不起作用

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函数。