我正在试图找出为什么我网站上的轮播不再有效,之前有效,但我不知道我对编码做了什么,现在它不起作用。
这是我的代码:
<div class="container text-center">
<section>
<h2> </h2>
<h2> <strong>IPhone 6 features image gallery </strong></h2>
<div class="carousel slide" id="screenshot-carousel" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#screenshot-carousel" data-slide-to="0" class="active"></li>
<li data-target="#screenshot-carousel" data-slide-to="1"></li>
<li data-target="#screenshot-carousel" data-slide-to="2"></li>
<li data-target="#screenshot-carousel" data-slide-to="3"></li>
<li data-target="#screenshot-carousel" data-slide-to="4"></li>
<li data-target="#screenshot-carousel" data-slide-to="5"></li>
<li data-target="#screenshot-carousel" data-slide-to="6"></li>
<li data-target="#screenshot-carousel" data-slide-to="7"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="img/image slider/1.iphone 6 & 6 plus.png" alt="Introducing the new IPhone 6 & IPhone 6 Plus">
<div class="carousel-caption">
</div>
<div class="item">
<img src="img/image slider/2.camera.png" alt="All new sensors">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/image slider/3.camera .png" alt="Improved camera">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/image slider/4. touch id.png" alt="Security. Right at your fingertip with Touch ID">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/image slider/5.ios 8.png" alt="Introducing the new IOS">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/image slider/6.thin.png" alt="Extremely thin">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/image slider/7.powerful chip.png" alt="Hugely powerpul and enormously efficient">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/image slider/8.bigger screen.png" alt="Bigger screen">
<div class="carousel-caption">
</div>
<a href="#screenshot-carousel" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#screenshot-carousel" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- End Carousel -->
答案 0 :(得分:0)
你有div不正确的关闭
parseFloat("1s")*1000
添加:
<div class="item active">
<img src="img/image slider/1.iphone 6 & 6 plus.png" alt="Introducing the new IPhone 6 & IPhone 6 Plus">
<div class="carousel-caption">
</div>
检查示例:http://jsfiddle.net/6p2snav9/1/
</div>