我正在寻找一种在 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>
但这不会做我想要的,因为它会同时旋转所有三个项目,而不是每个项目都拍摄一张图像。
对于一些演练或教程的任何建议、建议或链接将不胜感激。
干杯