【发布时间】：2013-04-14 09:46:33
【问题描述】：
我正在寻找一种在 Twitter Bootstrap Carousel 中显示下一张和上一张幻灯片图像的方法。
默认情况下，它只显示当前图像，如果我删除 display:none css 属性，它会将轮播中的每个项目都放在彼此下方。我尝试过使用 CSS，但没有成功。
这个想法是在中间显示当前幻灯片图像，然后不透明地显示下一个和上一个图像，不一定可点击。
我尝试了不同的幻灯片和轮播，但似乎找不到满足这些要求的人，而且一些接近的人不会适应 Bootstrap 提供的响应式设计。
通常，当我使用带有多个项目的轮播时，我只是将例如分组<div class="item"> div 中的图片如下：
<div class="item active">
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt="">
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style="">
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style="">
</div>
<div class="item">
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt="">
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style="">
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style="">
</div>
<div class="item">
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt="">
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style="">
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style="">
</div>
但这不会做我想要的，因为它会同时旋转所有三个项目，而不是每个都拍摄一张图像。
非常感谢任何关于演练或教程的建议、建议或链接。
干杯
【问题讨论】：
-
也需要发布您的 javascript 代码
标签： javascript jquery css twitter-bootstrap carousel