Apresentaremos, neste artigo, como configurar os parâmetros do jCarousel Lite, aplicando os parâmetros Circular, Visible, Auto e Speed.
Inicialmente, é importante saber em qual arquivo “.htm” está o script do carrossel. Por padrão, os scripts de banners que utilizam este recurso ficam no “BarraTopo.htm” ou no arquivo “Home.htm”; sendo assim, para localizar o script dentro desses arquivos, basta procurar por uma estrutura parecida com esta:
<script> $(function(){ $(".DS_carosel").jCarouselLite({ btnNext: ".DS_next", btnPrev: ".DS_prev", circular: true, visible: 6, auto: 3000, speed:500 }) }) </script>
Uma vez localizado, o script poderá ser configurado como for melhor para a loja. Os principais parâmetros para configurar o carrossel são:
“CIRCULAR” – esse parâmetro serve para que os elementos do carrossel fiquem em uma lista circular de modo que, quando o usuário estiver no último elemento do carrossel, ao clicar no botão “próximo”, o primeiro elemento volta à cena. Os comandos do parâmetro circular são: “TRUE” para habilitar a função circular e “FALSE” para desabilitar.
“VISIBLE” – esse parâmetro serve para escolher a quantidade de itens que ficarão visíveis no carrossel, independentemente da transição de elementos que serão executados pelo script.
“AUTO” – ele possibilita ao lojista tornar a transição de elementos do carrossel automático, ou seja, ao inserir o valor “3000”, por exemplo, a cada 3 segundos o carrossel trocará os itens que estão sendo exibidos por outros pertencentes a essa mesma lista, mas que estão ocultos, sem a necessidade de o usuário clicar para ver os produtos.
“SPEED” – esse parâmetro define a velocidade da transição, onde os itens do carrossel serão submetidos quando o usuário clicar para movimentar o carrossel ou mesmo automaticamente animadas pelo script com o parâmetro “auto”. A maneira como se define a velocidade é através de valores como “5000”, por exemplo, manipulando o tempo de transição dos itens do carrossel para 5 segundos.
Para saber mais sobre parâmetros e aprimorar o carrossel da sua loja, acesse o site do desenvolvedor desse script: http://www.gmarwaha.com/jquery/jcarousellite/
Boas vendas e até a próxima!