幻燈片不能返回到第一張幻燈片

Question

在這個例子中，我有3張幻燈片。當我的上一張幻燈片顯示完畢後，它不會返回到第一張幻燈片。

我不明白爲什麼它不返回到第一張幻燈片。

<script type="text/javascript"> 


     $(document).ready(function() { 
      showSlide(0); // show first slide when DOM loaded 
     }); 


     function showSlide(x) { // x = the number of slide 

      $('.boxslideshow .wrap').hide(); // hide all slides 
      $('.boxslideshow .wrap').eq(x).css('display', 'block'); // show a slide 


     setTimeout(function(){ 

      var slides = $('.boxslideshow .wrap').length; // total number of slides      

      if (slides == 0) { // if last slide return to first slide 
       showSlide(0); 
      } else { 
       showSlide(x+1); // call function showSlide to display all slides 
      } 

     }, 2000); // timer    
     } 


</script> 

Answer 1

您的重新啓動條件是錯誤的。它只檢查幻燈片的數量，但該值不會改變。

比較滑動次數到可變x：

if (x == slides - 1) { // if last slide return to first slide 

Answer 2

爲什麼它會返回到第一張幻燈片？您並未刪除.boxslideshow .wrap元素，以便長度保持不變。您需要更改第一條if語句，以便它說

if (slides === x) { showSlide(0); }