Слайд-шоу не работает

0

Я создал слайд-шоу, которое меняет изображение каждые 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>
  • 0
    Похоже, вы не опубликовали весь свой код. Что называется, когда пользователь нажимает следующую кнопку?
Теги:
slideshow

1 ответ

0

Ваш код не изменяется каждые 5 секунд (ваш код составляет 10 секунд.), Поэтому вы должны исправить:

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

И если вы хотите решить эту проблему, вы должны опубликовать код Next или Previous.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню