Slideshow em Z-Index pelo javascript

[joaoT 0]

Bom dia pessoal,

 

           Preciso de uma mãozinha pois nao consigo interpretar este codigo muito bem. Preciso arrumar este codigo no javascript para que  a transição de imagens seja feita via z-index, ou seja, as imagens tem que ter o efeito de transição scrollleft (botao esquerda) ou scrollright  (botao direita), sendo que a proxima imagen tem que sair debaixo da outra do z-index e ficar do lado da atual e "empurra-la" para a direção selecionada com o botão.

 

             Por via das duvidas, deixei o arquivo do site aqui, nele contem o CSS e o javascript todo junto com o html.

index.html

[joaoT 0]

Bom dia pessoal, 

 

   Estou fazendo um trabalho de facul no javascript e não consigo interpretar estas duas partes do código:

 

1)       $(this).css('z-index', zindex);
2)	if (qtde_imagens == (zindex-1)) {
	$(this).animate({
	'left' : '-'+largura_div_container+'px'
	}, 1500, function() {
	$(this).css({
	'z-index': '1',
	'left': '0px'
	});
	});

[William Bruno 1501]

depende do contexto:

 

 $(this).css('z-index', zindex);

 

mas diz que a propriedade CSS z-index de um certo elemento, vai ser alterada para o valor da variável zindex.

$(this).animate({
'left' : '-'+largura_div_container+'px'
}, 1500, function() {
$(this).css({
'z-index': '1',
'left': '0px'
});
});

faz uma animação da propriedade left, que dura 1500milisegundos, e quando acabar, seta o z-index para 1 e o left para 0, talvez até desfazendo a animação, sem nenhum efeito.

 

 

 

 

[joaoT 0]

2 horas atrás, William Bruno disse:

depende do contexto:

 

 $(this).css('z-index', zindex);

 

mas diz que a propriedade CSS z-index de um certo elemento, vai ser alterada para o valor da variável zindex.

$(this).animate({
'left' : '-'+largura_div_container+'px'
}, 1500, function() {
$(this).css({
'z-index': '1',
'left': '0px'
});
});

faz uma animação da propriedade left, que dura 1500milisegundos, e quando acabar, seta o z-index para 1 e o left para 0, talvez até desfazendo a animação, sem nenhum efeito.