Publicado em 22 de mai.

Slideshow em Z-Index pelo javascript

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

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

joaoT· 22 de mai.

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· 22 de mai.

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· 22 de mai.

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.