Twitter Bootstrap旋转木马添加一个空的图像

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

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

来源

2012-11-27 Stizz1e

是最后一张图片的路径是否正确？它是显示那个图像吗？这是我正在谈论的图像 - /cmsimages/0/Clouds.png – Yohn

是的，所有的图像显示，但云图像后，旋转木马似乎折叠并消失了几秒钟，而不是回到第一个图像这是globe-copy.png – Stizz1e

编辑您发布的代码，看到更清晰我能看到你包括旋转木马内部块，这应该是它的外内的转盘导航后..

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

来源

2012-11-27 22:32:21 Yohn

非常感谢！这解决了它 – Stizz1e

Twitter Bootstrap旋转木马添加一个空的图像

回答

相关问题