第一个"活跃"图片有效,但接下来的两个人根本不会工作。就像当我试图通过底部的3个点或箭头去下一张照片时,没有任何反应。
继承我的代码:
<div id = "myCarousel" class = "carousel">
<ol class = "carousel-indicators">
<li data-target = "#MyCarousel" data-slide-to = "0" class = "active"></li>
<li data-target = "#MyCarousel" data-slide-to = "1"></li>
<li data-target = "#MyCarousel" data-slide-to = "2"></li>
</ol>
<div class = "carousel-inner">
<div class = "item active">
<img src = "img/Carousel0.png" alt = "Carousel0" class = img-responsive>
</div>
<div class = "item">
<img src = "img/Carousel1.png" alt = "Carousel0" class = img-responsive>
</div>
<div class = "item">
<img src = "img/Carousel2.png" alt = "Carousel0" class = img-responsive>
</div>
</div>
<a class = "carousel-control left" href = "#MyCarousel" data-slide = "prev">
<span class = "icon-prev"></span>
<a class = "carousel-control right" href = "#MyCarousel" data-slide = "next">
<span class = "icon-next"></span>
</a>
</div>