jquery - ブートストラップ カルーセル インジケーターをサムネイルに置き換える方法

Question

Bootstrap Carousel Indicators を Thumbnails に置き換える方法を教えてください。私がしたいのは、画像スライダーの下部に親指のリストを表示することですか?

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 の内容をサムネイルに置き換えてみてください。