Carousel

[allex_carvalho 124]

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.

[angelorubin 142]

Uma solução pronta esta fora de cogitação?

[allex_carvalho 124]

Está sim. Tenho que trocar os botões em alguns locais e preciso inserir um formulário no último slide.

[angelorubin 142]

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; <------

[allex_carvalho 124]

Sim, defini ela tentando zerar a contagem, mas não deu muito certo.

[angelorubin 142]

Poste ele completo no jsfiddle.net para darmos uma olhada, se possível.

[allex_carvalho 124]

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.