Bootstrap 2旋转木马模式内

Question

我正在寻找实施一系列的引导模式与先前/下一个箭头和它们之间的旋转木马。

下面是我在哪里：

<div class="modal fade"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body&hellip;</p> 

     <a href="carousel-prev"> < </a> 
     <a href="carousel-next"> > </a>   
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 

This page证明我期待效仿的行为。

我该如何编写一个脚本来切换a.carousel-prev或a.carousel-next的点击模式？

Answer 1

我觉得你的术语稍微偏离了一点，链接的页面有一个模式，一个旋转木马，它有多个幻灯片。

这基本上是你在找什么。

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    </div> 
    <div class="modal-body"> 
     <!-- Carousel Start--> 
     <div id="myCarousel" class="carousel slide"> 
      <!-- Carousel items --> 
      <div class="carousel-inner"> 
       <div class="active item"> 
        Slide 1 
       </div> 
       <div class="item"> 
        Slide 2 
       </div> 
       <div class="item"> 
        Slide 3 
       </div> 
      </div> 
      <!-- Carousel nav --> 
      <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
     </div> 
     <!-- Carousel End --> 
    </div> 
</div>