Как получить текущий индекс с помощью jCarousel Lite?

Question

Я использую jCarousel Lite и мне нужно получить текущий индекс (какой элемент отображается, так как я показываю только один элемент за раз), чтобы я мог добавить «текущий» класс к навигационной ссылке.

Кто-нибудь знает, как мне это сделать?

http://www.gmarwaha.com/jquery/jcarousellite

Answer 1

Из документации по ссылке, которую вы разместили:

afterEnd Функция обратного вызова, которая должна вызываться после окончания анимации. Элементы, представляющие предметы которые видны после анимации концы передаются в качестве аргумента.

Итак, создайте функцию, которая устанавливает ваш «текущий» класс, и передайте его как параметр afterEnd при создании карусели.

Answer 2

Сначала загрузите несжатую версию jCarousel Lite и откройте ее.Перейдите к строке 288 * или в любом месте ниже o.beforeStart.call () и добавьте следующее:

li.removeClass("current");

Далее перейдите к строке 313 *, где-нибудь ниже ul.animate ();даже в обратном вызове animate () и добавьте следующее:

li.eq(curr).addClass("current");

Вот и все для модификаций jCarousel Lite.Сохраните файл / загрузите изменения.

Наконец, вы захотите установить текущий класс после загрузки страницы.Для этого используйте:

$(".jCarouselLite li").eq(0).addClass("current");

or

$(".jCarouselLite li:first").addClass("current");

* Примечание для будущих читателей: Это изменение относится к v1.0.1.Фактический номер строки может отличаться.