這是可以設置的時間間隔爲自舉傳送帶jQuery中使用此代碼獲取間隔:引導輪播:通過jQuery
$('.carousel').carousel({ interval: 1000 * 10 });
我的問題是:
我怎樣才能獲得的間隔?
我的意圖是以默認間隔啓動傳送帶,並在每次轉換後減慢傳送帶的速度。 這樣,人們馬上說有幻燈片放映,但隨着幻燈片放映速度的增加,閱讀標題的時間越來越多。
謝謝。
這是可以設置的時間間隔爲自舉傳送帶jQuery中使用此代碼獲取間隔:引導輪播:通過jQuery
$('.carousel').carousel({ interval: 1000 * 10 });
我的問題是:
我怎樣才能獲得的間隔?
我的意圖是以默認間隔啓動傳送帶,並在每次轉換後減慢傳送帶的速度。 這樣,人們馬上說有幻燈片放映,但隨着幻燈片放映速度的增加,閱讀標題的時間越來越多。
謝謝。
啓動後可以更改輪播選項。這是一個簡單的例子,通過將間隔選項加倍,每個週期的速度會減半。
var carousel = $('.carousel');
var slides = carousel.find(".item").length;
carousel.carousel({ interval: 1000 });
var slowDown = function() {
var options = carousel.data()['bs.carousel'].options;
options.interval = options.interval * 2;
carousel.data({ options: options });
console.log(options.interval);
}
carousel.on('slide.bs.carousel', function() {
var slideFrom = $(this).find('.active').index() + 1;
if (slideFrom === slides) {
slowDown();
}
});
嘗試使用我的插件或引導旋轉木馬:https://github.com/silviomoreto/bootstrap-carousel
它包裝旋轉木馬插件更可讀的方式。在那裏,設置間隔:
$('.carousel'). bCarousel({'interval': 1000});
您的代碼工作得到的時間間隔。謝謝。我添加了一行以使它在鼠標上停留20秒:$('#carousel')。one('mousemove',function(){$('。carousel')。carousel({interval:1000 * 20} );});它不起作用。有什麼建議麼? – Cymro