Twitter bootstrap Twitter引导旋转木马添加了一个空图像

Twitter bootstrap Twitter引导旋转木马添加了一个空图像,twitter-bootstrap,Twitter Bootstrap,我已经在我的页面中实现了一个twitter引导转盘,但遇到了一个问题。它将浏览我添加到其中的三个图像,但在加载最后一个图像而不是循环回第一个图像后,它似乎在旋转木马中创建并清空项目,并在返回第一个图像之前暂停几秒钟。当使用“左”箭头时,它会正确滚动,但当使用“右”箭头时,它会添加一个空图像。任何帮助都将不胜感激。我已经在.js文件中初始化了旋转木马 <div id="myCarousel" class="carousel slide"> <div class

我已经在我的页面中实现了一个twitter引导转盘,但遇到了一个问题。它将浏览我添加到其中的三个图像,但在加载最后一个图像而不是循环回第一个图像后,它似乎在旋转木马中创建并清空项目,并在返回第一个图像之前暂停几秒钟。当使用“左”箭头时,它会正确滚动,但当使用“右”箭头时,它会添加一个空图像。任何帮助都将不胜感激。我已经在.js文件中初始化了旋转木马

<div id="myCarousel" class="carousel slide">        
  <div class="carousel-inner">            
  <!-- Carousel items -->            
  <div class="active item" style="background: none repeat scroll 0% 0% #000000">
    <img width="1700" height="500" alt="" src="/cmsimages/0/globe---Copy.png" style="margin: auto" />
  </div>

  <!--2nd carousel item-->            
  <div class="item" style="background: none repeat scroll 0% 0% #000000">
    <img width="1716" height="530" alt="" src="/cmsimages/0/devwordcloud.jpg" />
  </div>

  <div class="item" style="background: none repeat scroll 0% 0% #000000">
    <img width="1716" height="530" alt="" src="/cmsimages/0/Clouds.png" />   
  </div>            
  <!-- Carousel nav -->
  <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
  <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
  <!-- End Carousel --> 
  </div>
</div>          

在编辑您发布的代码并将其看得更清楚之后,我能够看到您将转盘导航包含在转盘内部块中,而转盘内部块应该位于其外部

<div id="myCarousel" class="carousel slide">        
  <div class="carousel-inner">            
    <!-- Carousel items -->            
    <div class="active item" style="background: none repeat scroll 0% 0% #000000">
      <img width="1700" height="500" alt="" src="/cmsimages/0/globe---Copy.png" style="margin: auto" />
   </div>

    <!--2nd carousel item-->            
    <div class="item" style="background: none repeat scroll 0% 0% #000000">
      <img width="1716" height="530" alt="" src="/cmsimages/0/devwordcloud.jpg" />
    </div>

    <div class="item" style="background: none repeat scroll 0% 0% #000000">
      <img width="1716" height="530" alt="" src="/cmsimages/0/Clouds.png" />   
    </div>
  </div> <!-- / carousel-inner -->

  <!-- Carousel nav -->
  <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
  <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
  <!-- End Carousel --> 
</div>          


最后一张图像的路径正确吗?它是不是在展示这张照片?这是我正在谈论的图像-/cmsimages/0/Clouds.pngyes,所有的图像都显示了,但是在云层图像之后,旋转木马似乎折叠并消失了几秒钟,而不是返回到第一个图像,即globe-copy.pngThanks!这就解决了问题