Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过单击网页上的超链接切换引导转盘中的项目?_Javascript_Jquery_Css_Twitter Bootstrap_Carousel - Fatal编程技术网

Javascript 如何通过单击网页上的超链接切换引导转盘中的项目?

Javascript 如何通过单击网页上的超链接切换引导转盘中的项目?,javascript,jquery,css,twitter-bootstrap,carousel,Javascript,Jquery,Css,Twitter Bootstrap,Carousel,我有一把像这样的小提琴——有一台MacBookPro,内置旋转木马,包含两张图片。用户可以通过点击屏幕上的白点来切换图片。我想删除点,并通过单击下面的文本提供更改图片的可能性: <div class="row"> <div class="col-sm-6"> here is one text //after clicking that //the first picture sho

我有一把像这样的小提琴——有一台MacBookPro,内置旋转木马,包含两张图片。用户可以通过点击屏幕上的白点来切换图片。我想删除点,并通过单击下面的文本提供更改图片的可能性:

<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>

单击该按钮后,这里有一个文本//显示
//第一张图片应该是
//出现在macbook上
这里是单击该按钮后的第二个文本
//第二幅图应该是
//出现在macbook上
我该怎么做? 而且,现在图片每几秒钟就会自动更改一次-我如何才能禁用它?
谢谢

您可以通过以下代码轻松实现:

<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>
<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>
去除白点:

从HTML中删除它们,我指的是以下代码:

<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>
<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>


  • 您需要交换数据目标并在
    
    

    谢谢!你也知道如何去除白点吗?去除
    要去除白点,请查看上面的代码笔进行演示。