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>
しかし、これは一度に3つのアイテムすべてを回転させ、それぞれ1つの画像を取得しないため、私が望むことはできません.
いくつかのウォークスルーまたはチュートリアルの提案、アドバイス、またはリンクは非常に高く評価されます。
乾杯