Flexslider在循環後的第一張幻燈片停止

Question

我想讓Flexslider做一個完整的循環，然後停止或暫停，一旦它回到第一張幻燈片。這是我到目前爲止的代碼：

$(window).load(function(){ 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     animationLoop: true, 
     slideshowSpeed: 5000, 
     pauseOnHover: true, 
     start: function(slider){ 
      $('body').removeClass('loading'); 
     } 
    }); 
}); 

Answer 1

試試這個：

$(window).load(function(){ 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     animationLoop: true, 
     slideshowSpeed: 5000, 
     pauseOnHover: true, 
     start: function(slider){ 
      $('body').removeClass('loading'); 
     }, 
     after: function (slider) { 
      if ((slider.currentSlide + 1) == slider.count) { 
       slider.pause(); 
      } 
     } 
    }); 
}); 

Answer 2

使用此功能可以在第一張幻燈片循環播放特定的時間後暫停。將var n值更改爲循環多次。

var n = 2; 
$('.flexslider').flexslider({ 
    animation: "slide", 
    slideshowSpeed: 5000, 
    start: function(slider) { 
     $('body').removeClass('loading'); 
    }, 
    after: function(slider) { 
     if (slider.currentSlide == 0) { // is last slide 
      n--; 
      if(n==0) { 
       slider.pause(); 
      } 
     } 
    } 
}); 

Answer 3

Try this, it worked for me 

$(window).load(function(){ 
    var loopCount = 0; 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     animationLoop: true, 
     slideshowSpeed: 5000, 
     pauseOnHover: true, 
     start: function(slider){ 
      $('body').removeClass('loading'); 
     }, 
     after : function(slider){ 
      if(slider.currentSlide == 0 && loopCount == 1){ 
      slider.pause(); 
      } 
     }, 
     end : function(slider){ 
      loopCount++; 
     } 
    }); 
});