2013-11-10 4 views
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); 
    } 

Edit:

Да, вы правы, это 10 секунд, но это не главное.

Вот код для ссылки на «Next» и «Назад»:.

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

Похоже, вы не опубликовали весь свой код. Что называется, когда пользователь нажимает следующую кнопку? –

ответ

0

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

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

И если вы хотите решить эту проблему, вы должны отправить код «Следующая» или «Предыдущая».

Смежные вопросы