我知道我可以設置轉換的速度(使用speed
)。但是有沒有什麼選擇來設置顯示幻燈片的持續時間,直到過渡到下一張幻燈片?如何在bxslider上設置幻燈片持續時間
5
A
回答
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);
}
});
}
相關問題
- 1. 如何在jQuery幻燈片中設置每張幻燈片的持續時間?
- 2. 我在哪裏設置bxSlider幻燈片?
- 3. 我如何爲每個幻燈片/幻燈片設置不同的持續時間? (未轉換時間)
- 4. jQuery幻燈片與每幻燈片轉換/持續時間
- 5. JQuery Mobile - 如何設置翻轉切換開關幻燈片持續時間
- 6. bxslider goToSlide()跳過中間的幻燈片
- 7. 刪除幻燈片從BxSlider
- 8. 刪除幻燈片jquery bxslider
- 9. BXSlider - 重置幻燈片計數器
- 10. bxSlider當前幻燈片編號顯示/總幻燈片顯示
- 11. 速度而不是持續時間的JQuery幻燈片效果
- 12. Twitter Bootstrap旋轉木馬幻燈片持續時間
- 13. 如何中心幻燈片bxslider,所以沒有幻燈片被裁剪
- 14. bxslider設置最小/最大可見幻燈片
- 15. bxslider最後一張幻燈片將不會被設置爲startSlide
- 16. 在bxslider中,如何設置infiniteloop:false和幻燈片的數量=子彈的數量?
- 17. 設置間隔請求幻燈片
- 18. 爲幻燈片重置設置的時間間隔
- 19. 如何設置鏈接到幻燈片
- 20. 使用bxslider集中幻燈片
- 21. 公共方法bxslider多個幻燈片
- 22. bxslider未顯示多個幻燈片
- 23. bxSlider從ajax載入幻燈片
- 24. 幻燈片後jQuery bxSlider動畫
- 25. 刪除邊界bxslider幻燈片
- 26. bxSlider jquery顯示隨機幻燈片?
- 27. CSS:我如何將幻燈片放置在幻燈片中
- 28. 如何在幻燈片中放置幻燈片計數器?
- 29. 如何在幻燈片上自動更改幻燈片
- 30. jquery幻燈片和時間
我有點困惑「你知道你可以設置持續時間的速度」,所以讓我知道我的答案是否解決不了你的問題。 – Trevor