我正在寻找一种在 Twitter Bootstrap 轮播中显示下一张和上一张幻灯片图像的方法。
默认情况下，它只显示当前图像，如果我删除 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>
但这不会达到我想要的效果，因为它会同时旋转所有三个项目，而不是每个项目拍摄一张图像。
任何有关演练或教程的建议、建议或链接将不胜感激。
Cheers
这是对我有帮助的链接
Twitter Bootstrap 101：轮播 http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/twitter-bootstrap-101-the-carousel/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
