2014-02-10 40 views
5

我知道我可以設置轉換的速度(使用speed)。但是有沒有什麼選擇來設置顯示幻燈片的持續時間,直到過渡到下一張幻燈片?如何在bxslider上設置幻燈片持續時間

+0

我有點困惑「你知道你可以設置持續時間的速度」,所以讓我知道我的答案是否解決不了你的問題。 – Trevor

回答

24

使用pause選項:

$('.bxslider').bxSlider({ 
    pause: 3000 
}); 

實施例:

http://jsfiddle.net/Yq3RM/202/

更新

修飾各圖像的暫停又如。 bxSlider沒有內置的方式一個很好的做到這一點,我知道的,但是我可以把它關閉以下列方式:

var ImagePauses = [1000,3000,6000,9000,12000,15000]; 

var slider = $('.bxslider').bxSlider(); 
modifyDelay(0); 

function modifyDelay(startSlide){ 
    slider.reloadSlider({ 
     mode: 'horizontal', 
     infiniteLoop: true, 
     auto: true, 
     autoStart: true, 
     autoDirection: 'next', 
     autoHover: true, 
     pause: ImagePauses[startSlide], 
     autoControls: false, 
     pager: true, 
     pagerType: 'full', 
     controls: true, 
     captions: true, 
     speed: 500, 
     startSlide: startSlide, 
     onSlideAfter: function($el,oldIndex, newIndex){ 
      modifyDelay(newIndex); 
     } 
    }); 
} 

Fiddle

+0

是否可以設置單個幻燈片的持續時間? – GDmac

+0

@GDmac有可能,但我必須每次都重新初始化滑塊,但我不確定這會對性能產生什麼影響,但示例代碼對我來說運行平穩。查看我答案中的更新。 – Trevor

+0

感謝您的解決方案,bxslider使用間隔而不是timeOut。我正在考慮將自動播放設置爲關閉狀態,並自己將各種回調掛鉤以設置超時時間(我還希望在任何幻燈片中自動播放視頻,並在播放前進入下一張幻燈片) – GDmac

相關問題