jquery - 如何用缩略图替换引导轮播指示器

Question

你能告诉我如何用缩略图替换引导轮播指示器吗？我想要的是在图像滑块的底部有一个拇指列表？

Answer 1

查看Bootstrap 网站的来源，这似乎是轮播中的标记：

      <div id="myCarousel" class="carousel slide">
            <ol class="carousel-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>
            <div class="carousel-inner">
              <div class="item active">
                <img src="assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
                <div class="carousel-caption">
                  <h4>**This is where**</h4>
                  <p>**the caption is defined**</p>
                </div>
              </div>
              .....

您可以尝试用缩略图替换 carousel-caption div 的内容。