Como obter o índice atual com jCarousel Lite?

Question

Estou usando o jCarousel Lite e preciso obter o índice atual (qual elemento está sendo exibido, pois estou mostrando apenas um item por vez) para poder adicionar uma classe "atual" ao link de navegação.

Alguém sabe como posso conseguir isso?

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

Answer 1

De documentação no link que você postou:

depois do fim Função de retorno de chamada que deve ser invocada após o término da animação.Os elementos que representam os itens que são visíveis após o término da animação são transmitidos como argumento.

Então, crie uma função que defina sua classe "atual" e passe-a como afterEnd opção ao criar o carrossel.

Answer 2

Primeiro baixe o versão descompactada do jCarousel Lite e abra-o.Vá para a linha 288* ou qualquer lugar abaixo de o.beforeStart.call() e adicione o seguinte:

li.removeClass("current");

Em seguida, vá para a linha 313*, em qualquer lugar abaixo de ul.animate();, ou mesmo dentro do retorno de chamada animate() e adicione o seguinte:

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

É isso para as modificações do jCarousel Lite.Salve o arquivo/faça upload das alterações.

Finalmente, você desejará definir a classe atual assim que a página for carregada.Para esse uso:

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

or

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

*Nota para futuros leitores:Esta mudança é para v1.0.1.O número da linha real pode variar.