Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html 如何自动移动幻灯片_Html_Css_Slide - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何自动移动幻灯片

Html 如何自动移动幻灯片

html css

Html 如何自动移动幻灯片,html,css,slide,Html,Css,Slide,在我的网站中，我想自动移动此部分 这就是我需要做的。关于这个问题我不知道。谁能帮我解决这个问题。 对于（变量i=0；i

在我的网站中，我想自动移动此部分

这就是我需要做的。关于这个问题我不知道。谁能帮我解决这个问题。


对于（变量i=0；i

幻灯片1幻灯片2幻灯片3幻灯片4


单击Me1
单击Me2
单击Me3
单击Me4
使用引导转盘功能参见此处

见：



  • 

  • 

  •
    你能在jsfiddle上给出这个例子吗？Hello在那里看到编辑过的答案或单击此处jsfiddle.net/johnvicencio/pd9fdefd/6Hello在那里看到编辑过的答案或单击此处 
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
 <!-- Indicators -->
 <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>

 <!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
  <img src="la.jpg" alt="Los Angeles">
</div>

<div class="item">
  <img src="chicago.jpg" alt="Chicago">
</div>

<div class="item">
  <img src="ny.jpg" alt="New York">
</div>
</div>

<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>