在Twitter Bootstrap Carousel中顯示下一張和上一張圖片

Question

我正在尋找一種在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>

但這不會做我想要的，因為它當時旋轉所有三個項目而不是每個都拍攝一個圖像。

任何建議，建議或鏈接的一些演練或教程將非常感謝。

干杯

Answer 1

這是幫助我的鏈接

Twitter Bootstrap 101：旋轉木馬