2013-06-06 81 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中的上一个按钮 –

相关问题