Как задать последнему активному элементу в owl carousel класс?

Question

[Zombie42679]

Что я не так делаю ?

https://jsfiddle.net/bjnz4y8e/3/

Answer 1

[Максим Тимофеев]

https://jsfiddle.net/bjnz4y8e/14/

Comments

[Zombie42679]

нужен последний Активный элемент, а не просто последний. То есть из тех которые мы видим, последний должен быть полупрозрачным

[Максим Тимофеев]

Zombie42679, https://jsfiddle.net/bjnz4y8e/53/ только срабатывает после смены, доделай при загрузке еще

[Zombie42679]

Максим Тимофеев, https://jsfiddle.net/bjnz4y8e/57/ - почему-то когда жмешь первый раз на стрелку не пересчитывает

[Максим Тимофеев]

Zombie42679, Я помучался с owl и пообещал себе больше никогда. Вот из-за подобных приколов. Возьми slick

Answer 2

[newaitix]

$('.owl-carousel .owl-item').eq(sbAllItms-1)
Индекс на один меньше чем количество. Так как индекс начинается с нуля

Comments

[Zombie42679]

Работает при старте, но как только начинаешь листать, остается класс висеть на старом элементе

[newaitix]

Zombie42679, Ну так запоминайте какой элемент был активен и ставьте для него opacity. Элементарно можно же положить его в переменную

[Zombie42679]

newaitix, Проблема в том, что активных 3-4 элемента сразу, то есть которые видны они и активны, посмотрите в комментариях выше, не так всё просто

[newaitix]

Zombie42679, Вывод ? Нужно все ручками писать. И слайдеры тоже. На нативном. Я не знаю ни jQuery ни OWL CAROUSEL. Подобные задачи пишу полностью в ручную. Или разрабатываю собственные библиотеки. #onlyNativeCode

[Zombie42679]

newaitix, А есть ли смысл изобретать велосипед ?

[newaitix]

Zombie42679, Да потому, что ты знаешь как он работает, знаешь как пофиксить и есть возможность дополнить функционал метода.

[newaitix]

Zombie42679, В вашем случае event.item.index или event.page.index это предыдущий номер элемента.

[newaitix]

Zombie42679, А вот если скрипт только запустился то именно event.page.index принимает значение -1.
Это значит, что когда event.page.index===-1 то мы знаем что предыдущий элемент это последний. В ином случае мы берем значение event.page.index.

[Zombie42679]

newaitix, Поможете с кодом, что-то сообразить не могу?

[newaitix]

https://jsfiddle.net/bjnz4y8e/93/
Дальше ваша очередь

[newaitix]

Так правильней будит https://jsfiddle.net/bjnz4y8e/98/