javascript - 如何通过单击网页上的超链接来切换引导传送带中的元素？

我有一个像http://jsfiddle.net/roxds51h/2/这样的小提琴-有带嵌入式轮播的macbook pro，其中包含两张图片。用户可以通过单击屏幕上的白点来切换图片。我想删除点，并通过单击以下文本来更改图片:

<div class="row">
    <div class="col-sm-6">
            here is one text //after clicking that
                             //the first picture should
                             //appear on macbook

    </div>
    <div class="col-sm-6">
            here is second text //after clicking that
                                //the second picture should
                                //appear on macbook
    </div>
</div>

我怎样才能做到这一点？
另外，现在图片每隔几秒钟就会自动更改-如何禁用它？
谢谢!

最佳答案

您可以使用以下代码轻松实现:

<div class="row">
  <div class="col-sm-6" data-target="#17" data-slide-to="0">
    here is one text
  </div>
  <div class="col-sm-6" data-target="#17" data-slide-to="1">
    here is second text
  </div>
</div>

要禁用自动播放，请将data-interval="5000"更改为data-interval="false"。

<div id="17" class="carousel slide" data-interval="false" data-ride="carousel">

去除白点:

从HTML删除它们，我的意思是这段代码:

<ol class="carousel-indicators">
  <li data-target="#17" data-slide-to="0" class=""></li>
  <li data-target="#17" data-slide-to="1" class="active"></li>
</ol>