if else... executa código fora da validação
Boa tarde comunidade, estou desenvolvendo uma página que contém três galerias de imagens e um seletor para elas, até aqui sem sem problemas. Ao final de uma galeria altero o índice e mostro a galeria atual.
Segue o código:
//RECEBE O INDICE GALERIA SELECIONADA
$(this).addClass('active');
var indice = $(this).index('ul.nav li');
//VERIFICO O INDICE PARA EXIBIR A GALERIA CORRETA
if(indice == 0){
//MOSTRA GALERIA ESCOLHIDA
$('div.marcadores:eq('+indice+') span').eq(0).trigger('click');
$('div.marcadores:eq('+indice+')').css("zIndex",9999);
$('div.marcadores:eq('+indice+') span').fadeIn();
$('div.galerias:eq('+indice+')').fadeIn();
//EXIBE CONTROLE PARA AVANÇAR IMAGENS
$('#esq').hide();
$("#dir").hide();
$('.nextControl').show();
//CONTA O TOTAL DE IMAGENS
totalImgs = $('div.galerias:eq('+indice+') img').length;
//ATRAVES DO ID DA IMAGEM EXIBIDA REALIZO A CONTAGEM PARA SABER O MOMENTO
//DE EXIBIR OU NÃO OS TROCADORES DE GALERIA
var slide = $('div.galerias:eq('+indice+') .cycle-slide-active').attr('id');
//VERIFICO A POSIÇÃO ATUAL
if(slide == 1){
$("#dir").hide();
$('#esq').hide();
}
//AÇÕES DO CLIQUE PARA AVANÇAR
$('.controles-slide > .controles.nextControl').click(function(){
var slide = $('div.galerias:eq('+indice+') .cycle-slide-active').attr('id');
if(slide == 1){
$("#esq").hide();
$('.prevControl').show();
}
if(slide == 3){
$('.nextControl').hide();
$("#dir").show();
}
});
//AÇÕES DO CLICA PARA RETORNAR
$('.controles-slide > .controles.prevControl').click(function(){
var slide = $('div.galerias:eq('+indice+') .cycle-slide-active').attr('id');
if(slide <= 2){
$('.prevControl').hide();
$("#esq").hide();
}
if(slide == 4 || slide > 1){
$('.nextControl').show();
$("#dir").hide();
}
});
}
O problema acontece quando utilizo os comandos as ações para retornar ou avançar, as validações do indice =0, por exemplo, interferem no indice seguinte e assim por diante...
Agradeço desde já!
Discussão (1)
Carregando comentários...