Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia,
Estou desenvolvendo aqui um carousel. Estou com um problema ao alterar entre os slides. A contagem que faço não está calculando os valores corretos. Tenho uma variável $mover, ela no avançar vai de 100 em 100 corretamente, só que se avançar 2 e voltar um, ele não volta 1, volta 3 slides. Segue abaixo o código JS:
var $contar = 1;
var $mover = 0;
jQuery('#avancar').click(function (){
$mover = $mover + 100;
jQuery('#carousel').css('left', '-' + $mover + '%');
$contar = $contar + 1;
});
var $mover = 0;
jQuery('#retornar').click(function (){
$mover = $mover - 100;
jQuery('#carousel').css('left', '+' + $mover + '%');
$contar = $contar - 1;
});A $contar existe porque farei uma condição para alterar os botões retornar e avançar em alguns slides.
Está sim. Tenho que trocar os botões em alguns locais e preciso inserir um formulário no último slide.
Você notou que existem duas variáveis declaradas iguais no mesmo escopo?
var $contar = 1;
var $mover = 0; <-----
jQuery('#avancar').click(function (){
$mover = $mover + 100;
jQuery('#carousel').css('left', '-' + $mover + '%');
$contar = $contar + 1;
});
var $mover = 0; <------Sim, defini ela tentando zerar a contagem, mas não deu muito certo.
Poste ele completo no jsfiddle.net para darmos uma olhada, se possível.
Boa tarde,
Com a ajuda do William Bruno e este exemplo dele, consegui montar e fazer as adaptações necessárias.
Obrigado pela atenção.
Uma solução pronta esta fora de cogitação?