3

我正在寻找一种在 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>

但这不会做我想要的,因为它会同时旋转所有三个项目,而不是每个项目都拍摄一张图像。

对于一些演练或教程的任何建议、建议或链接将不胜感激。

干杯

4

1 回答 1

0

这是帮助我的链接

Twitter Bootstrap 101:轮播

于 2013-05-13T01:51:06.493 回答