Twitter bootstrap 从主页面设置引导转盘活动项目选择

Twitter bootstrap 从主页面设置引导转盘活动项目选择,twitter-bootstrap,slideshow,carousel,Twitter Bootstrap,Slideshow,Carousel,我有一个引导旋转木马(幻灯片),它从一个有12张幻灯片的页面上弹出。 在页面上,我有12个图标,它们指的是旋转木马上的幻灯片 当弹出窗口打开时,如何单击项目1的主页并激活项目1 以下是主页示例代码: <div id="dialog"> </div> [ <a href="#mythDialog" data-toggle="modal">Test Link</a> ] [ <a href="#mythDi

我有一个引导旋转木马(幻灯片),它从一个有12张幻灯片的页面上弹出。 在页面上,我有12个图标,它们指的是旋转木马上的幻灯片

当弹出窗口打开时,如何单击项目1的主页并激活项目1

以下是主页示例代码:

          <div id="dialog"> </div>
          [ <a href="#mythDialog" data-toggle="modal">Test Link</a> ] [ <a href="#mythDialog" data-toggle="modal">Test Link 2</a> ] [ <a href="#mythDialog" data-toggle="modal">Test Link 3</a> ]
                    <div id="mythDialog" 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">&times;</button>

          <h3 id="myModalLabel">Cool work for you</h3>
        </div>
        <div class="modal-body">


      <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>
          <!-- Carousel items --->
          <div class="carousel-inner">
              <div class="active item">
                  <img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" />
                  <p>1111 Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.</p>
              </div>
              <div class="item">
                  <img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" />
                  <p>2222 Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.</p>
              </div>
              <div class="item">
                  <img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" />
                  <p>3333 Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.</p>
              </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>
      <!-- row -->



                 <div class="modal-footer">
                    <button class="btn" data-dismiss="modal">Close</button>
                  </div>

                  </div><!-- modal-body -->
                </div> <!-- mythMainDiv -->

[  ] [  ] [  ]
&时代;
对你来说很酷的工作
  • 1111一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本

    2222一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本

    3333一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。一些文本

    接近

    请参见此处[链接]()

    如果您的意思是在单击图像时将图像链接到另一个页面,我认为您可以执行以下操作:

    <li><a href="Servers Page.html">
    
  • 请告诉我这是否可行