Търся начин да покажа следващото и предишното изображение на слайдшоу в 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>
Но това няма да направи това, което искам, защото завърта и трите елемента едновременно, а не взема по едно изображение.
Всяко предложение, съвет или връзка за някакво ръководство или урок ще бъдат много оценени.
наздраве