Bootstrap Carousel:如何从相同的指示器(不是左/右导航)控制两个滑块?

时间:2013-12-06 01:48:40

标签: jquery twitter-bootstrap carousel

页面上共有三个滑块,我想从一个指标中控制其中两个。在下面的代码中,指标从第2行开始。

<div id="myCarousel" class="carousel slide">
      <ol class="carousel-indicators"> <!-- Indicators -->
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
   .......

我可以通过在stackoverflow上关注this answer,在左/右导航的帮助下完成它,但我不需要它。

我再次重复一遍,我想控制来自相同指标而不是导航的两个旋转木马。如果我不清楚,请提问。

2 个答案:

答案 0 :(得分:2)

<li data-target="#myCarousel" data-slide-to="1" onclick="$('#myCarousel2').carousel(1)" class=""></li>

和类似的

答案 1 :(得分:1)

将自己的点击处理程序添加到指标并手动告诉其他轮播幻灯片