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>
我已经看过,我无法找到问题的年龄。我试图使用其他答案,但他们没有工作。请帮助,谢谢。
您可能需要加载您的JavaScript文件
以及引导.css文件。之后,检查浏览器的开发工具(通常是F12),以查看网络流量选项卡中是否有任何404。如果您在其中一个引导程序文件的网络选项卡中找到404,则表明它没有正确加载。 – Porschiey