Bootstrap Carousel无效

时间:2015-05-25 13:25:09

标签: html twitter-bootstrap carousel

我正在试图找出为什么我网站上的轮播不再有效,之前有效,但我不知道我对编码做了什么,现在它不起作用。

这是我的代码:

<div class="container text-center">
  <section>
    <h2>&nbsp; </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 -->

1 个答案:

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