2017-03-08 34 views
1

传送带仅显示第一个图像。它不会从一张照片滑向另一张照片。 这里是我的代码:启动传送带next和prev功能不起作用,只显示第一个图像

<body> 
</nav> 
<div id="carousel1" class="carousel slide" data-ride="carousel"> 
<ol class="carousel-indicators"> 
    <li data-target="#carousel1" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel1" data-slide-to="1"></li> 
    <li data-target="#carousel1" data-slide-to="2"></li> 
</ol> 
<div class="carousel-inner" role="listbox"> 
    <div class="item active"><img src="../Images/BhutanBoys.png" 

    alt="First slide image" class="center-block"> 
    <div class="carousel-caption"> 
     <h3>First slide Heading</h3> 
     <p>First slide Caption</p> 
    </div> 
    </div> 
    <div class="item"><img src="../Images/Bhutan.png" alt="Second slide 

    image" class="center-block"> 
    <div class="carousel-caption"> 
     <h3>Second slide Heading</h3> 
     <p>Second slide Caption</p> 
    </div> 
    </div> 
    <div class="item"><img src="../Images/bicycleboy.png" alt="Third slide 

    image" class="center-block"> 
    <div class="carousel-caption"> 
     <h3>Third slide Heading</h3> 
     <p>Third slide Caption</p> 
    </div> 
    </div> 
    </div> 
    <a class="left carousel-control" href="#carousel1" role="button" 

    data-slide="prev"><span class="glyphicon glyphicon-chevron-left"  

    aria-hidden="true"></span><span class="sr-only">Previous</span></a><a 

    class="right carousel-control" href="#carousel1" role="button" 

    data-slide="next"><span class="glyphicon glyphicon-chevron-right" 

    aria-hidden="true"></span><span class="sr-only">Next</span></a></div> 
</div> 

<script src="js/jquery-1.11.3.min.js"></script> 
<script src="js/bootstrap.js"></script> 
</body> 
</html> 

我已经看过,我无法找到问题的年龄。我试图使用其他答案,但他们没有工作。请帮助,谢谢。

+0

您可能需要加载您的JavaScript文件以及引导.css文件。之后,检查浏览器的开发工具(通常是F12),以查看网络流量选项卡中是否有任何404。如果您在其中一个引导程序文件的网络选项卡中找到404,则表明它没有正确加载。 – Porschiey

回答

0

检查您的代码,好像你没有关闭<div>标签。

您是否在<head>标记中加载引导程序Css?

相关问题