@max-p85

Прозрачные слайды в owl-carousel?

Как сделать прозрачные слайды как на картинке?5e567e34186c6428330418.png
.owl-stage-outer {
overflow: visible!important;
}

<div class="owl-carousel owl-theme">
					<div class=""><img src="/reviews/1.jpg" alt=""></div>
					<div class=""><img src="/reviews/2.jpg" alt=""></div>
					<div class=""><img src="/reviews/3.jpg" alt=""></div>
					<div class=""><img src="/reviews/4.jpg" alt=""></div>
					<div class=""><img src="/reviews/5.jpg" alt=""></div>
				</div>
  • Вопрос задан
  • 366 просмотров
Решения вопроса 1
@max-p85 Автор вопроса
Попробую использовать stagePadding.
Попробовал с прозрачностью сделать так:
if($('div').hasClass('active'))
                $('div.owl-item').css('opacity', '1')
             else $('div.owl-item').css('opacity', '0.7');

Почему-то opacity 1 добавляется ко всем слайдам.
Сделал так:
.owl-item {
	opacity:0.7!important;
}
.active {
	opacity:1!important;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы