bxslider：如何在`onSlideBefore`中暫停？

Question

bxslider中有沒有任何選項可以讓暫停轉換onSlideBefore？

像這樣

$('#bxslider').bxSlider({ 
    onSlideBefore: function(){ 
    pause: 100 
    } 
}); 

Answer 1

按照documentation，你可以這樣做（未經測試）：

$('#bxslider').bxSlider({ 
    onSlideBefore: function(){ 
    $('#bxslider').stopAuto(); 
    var ctx = setTimeout(function() { 
     $('#bxslider').goToNextSlide().startAuto(); 
     clearTimeout(ctx); 
    }, 100); // delay 
    } 
}); 

Answer 2

爲此，您可以簡單地使用Bxslider具有 「自動」 2個選項和「暫停」。

「自動」像顧名思義使得無需最終用戶不必點擊任何按鈕來滾動自動滑塊和「暫停」確定幻燈片之間的延遲。如果您未指定，但您可以輸入自己的值，則默認延遲爲4000ms。

所以你可以簡單地做到這一點有一個自動化的滑塊延遲1秒的圖像之間。

$('#bxslider').bxSlider({ 
    auto: true, 
    pause: 1000  
}); 

這是working demo來證明這種效果。像jQuery，jQuery UI，BxSlider等工具都是爲了簡化我們的工作。所以讓我們保持簡單。