Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde!
bom, estou precisando fazer um carousel, eu estou usando o jCarouselLite, ate então foi o mais simples que eu achei e que me atendeu! só que no decorrer das coisas me deparei com um problema, entrem nesta pagina.
http://catalogo.reidoaluminio.com.br/
veja que quando clica na seta, ele e aplicado pra todos blocos, eu precisaria que ele funcionasse só no bloco atual.
outra coisa a div que uso para a carousel e a .nav-produtos
$(".nav-produtos").jCarouselLite({
btnNext: ".arrow-right",
btnPrev: ".arrow-left",
});
});ela se repete pra todos os blocos, como toda as utras divs,
o que acontece e que ali ela esta em dois blocos só, São jorge e Real. Se eu adicionar mais blocos com a div .nav-produtos, o bloco inteiro some, ta como se eu só pudesse usar em dois.
qual a melhor maneira de implementar esse carousel ?
Acontece que o seletor dos botões btnNext e btnPrev, passados como parâmetros para o jCarouselLite, retorna todos os botões next/prev que estão na página. Ou seja, o primeiro botão next está configurado em todos os jCarouselLite, o segundo também, o terceiro também, etc. Logo, quando qualquer um deles for clicado, vai disparar a função de todos os jCarouselLite.
Para não ter este problema você precisa passar um identificador único de cada botão para o jCarouselLite, algo assim: