2013-06-06 138 views
1

我有與下面的帖子相同的查詢,但我無法讓它工作。Bootstrap旋轉木馬 - 如何獲得幻燈片的計數

Carousel - Twitter BootStrap ; Hiding the Previous or Next button

  1. 抓住滑動/滑動事件來確定當所述第一圖像具有 光潔度,然後加回「前一個」控制?
  2. 繼續捕捉滑動/滑動事件,沿着 的方式遞增計數器。當你的計數器等於您的圖片列表中,您可以刪除「下一個」控制

這裏是我的jsfiidle

<div id="myCarousel" class="carousel slide"> 
      <div class="carousel-inner"> 
       <div class="carousel-inner"> 
       <div class="active item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"> 
       </div> 
       <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"></div> 
       <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"></div> 
      </div> 
      </div> 
      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
     </div> 
$(document).ready(function() { 

    // -------- Initialise Carousel -------- // 
    $('.carousel').each(function(){ 
     $(this).carousel({ 
      interval: false 
     }) 
    }); 
}); 

回答

1

我只是做了一個簡單的例子,基本上它聽slid事件和每次幻燈片動畫完成後,它將根據您檢查的是第一張還是最後一張來檢查當前幻燈片是哪張。

http://jsfiddle.net/nRgVJ/5/

+0

嘿thanks..but我不能讓上一個按鈕,在2,3顯示,..幻燈片http://jsfiddle.net/nRgVJ/6/ – dragonfly

+0

喜歡此http:/ /jsfiddle.net/nRgVJ/7/? –

+0

也在你的例子中,你從來沒有在你的HTML中的上一個按鈕 –

相關問題