Como posso obter o item visível na jCarouselLite?

Question

Eu estou usando o jCarouselLite plugin para o meu site.Ele funciona muito agradável.Eu queria adicionar algumas marcas também na parte inferior das imagens (não apenas setas) como controles externos.Isso clicando o segundo balas ele vai para a segunda imagem.Isso funciona também muito bem usando o btnGo o plugin fornece.

O que eu também quero fazer é alterar o marcador, olhando como ativo com base na imagem que vejo a cada momento.Então, quando eu clique em avançar seta e eu ver a segunda imagem eu quero imediatamente a segunda marca para ser ativo.Para fazer isso, eu quero saber o número da imagem que eu vejo.

Eu sei que através da afterEnd função de retorno de chamada que eu obter o objeto que é ativo após a animação.Existe uma maneira de obter o número do objeto?Por exemplo, se o objeto é a segunda imagem, para obter apenas o número 2.

Alguém sabe algo sobre isso?

Obrigado antecipadamente

Answer 1

Comentário #315, essa Lite #Todos-Comentarios deu-me esta resposta (que eu uso) :

É basicamente usando a seqüência de substituições para obter o número de controle que está "ativo" com base no qual o nome do mesmo modo imagem é de cerca de mostrar.

---

Supondo que você tenha controles externos com identificações:"#pi1", "#pi2", "#pi3", "#ps4", "#pi5", "#pi6"

E as imagens com ids de:"#im1", "#im2", "#im3", "#im4", "#im5", "#im6"

Antes de iniciar o taxi Lite função de contar o número de li:

var LiCount = $("#projectimage").find("ul").children("li").size();

Adicione o antes de iniciar a função de:

beforeStart: function(a) {
 var imID = $(a).attr("id").replace('im','';
 var NimID = parseInt(imID);
 NimID++;
 if(NimID > LiCount) NimID = 1;
 $('#pi'+imID).removeClass('activelistlink');
 $('#pi'+NimID).addClass('activelistlink');
}