@ligisayan

Как в циклической карусели изменить у центрального элемента прозрачность?

Есть зацикленная карусель owl carousel 2 у которой элементы изначально полупрозрачные, а при наведении становятся непрозрачными. Хочу сделать так, чтобы независимо от количества элементов в карусели центральный блок был всегда непрозрачным. Пробовал это сделать через :nth-child(), но проблема в том, что в зацикленной карусели создаются дополнительные клонированные блоки и не получается сделать центральный элемент непрозрачным - что можно предпринять?
фидл
  • Вопрос задан
  • 805 просмотров
Решения вопроса 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
nth-of-type - работает на ура
https://jsfiddle.net/1csmn6g6/

Но так как у Вас кол-во блоков на странице, зависит от вьюпорта, то лучше в js посчитать кол-во .owl-item.active и задать среднему класс, при смене кадра пересчитывать
Ответ написан
@ligisayan Автор вопроса
Есть на самом деле самое правильное и крутое решение - нужно указать в настройках карусели center:true; и тогда с помощью стилей все легко решается!
фидл
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы