Bootstrap 3 - 帶頁碼的旋轉木馬

Question

我在想如何用Bootstrap Carousel顯示頁碼。引導具有轉盤指標（點分）：

是否有可能指示更改爲類似「1/3頁」？

我曾嘗試加入數來引導標題並將其移動到左側：

但是，每當我點擊下一個，數量並沒有留在自己的位置。任何想法如何使這更好？

謝謝！

Answer 1

找到一個有效的解決方案：

var total = $('.item').length; 
var currentIndex = $('div.active').index() + 1; 
$('#slidetext').html(currentIndex + '/' + total); 

// This triggers after each slide change 
$('.carousel').on('slid.bs.carousel', function() { 
    currentIndex = $('div.active').index() + 1; 

    // Now display this wherever you want 
    var text = currentIndex + '/' + total; 
    $('#slidetext').html(text); 
}); 

http://jsfiddle.net/Lf9krnsm/

Answer 2

carousel.on('slide.bs.carousel', function (event) { 

    var active = $(event.target).find('.carousel-inner > .item.active'); 
    var from = active.index(); 
    var next = $(event.relatedTarget); 
    var to = next.index(); 
    var direction = event.direction; 

});