Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ch4p0L1N

[Resolvido] Alterar background com fade em JQuery

Recommended Posts

Olá pessoal, estou procurando uma forma de alterar o background da página em JQuery usando efeito Fade, porém só quando clicar nos botões próximo/anterior, ou seja tem que ir pro próximo background e tbm poder voltar...

 

Encontrei esse tópico no Google daqui do fórum mesmo, funciona bem mas é com um intervalo de tempo definido, como adaptar pra fazer a ação por botões/links?

 

Obrigado desde já ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tu pode tirar o setinterval e utilizar o onclick dentro da href apontando para a função.

 

<a href="javascript:void(0)" onClick="troca();">troca</a>

 

Outra sugestão é utilizar jquery... veja o demo

 

Demo: http://inspectelement.com/demos/jquerybg/

Tutorial: http://inspectelement.com/tutorials/changing-the-background-color-of-a-page-using-jquery/

 

Muito fácil de adaptar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tu pode tirar o setinterval e utilizar o onclick dentro da href apontando para a função.

 

<a href="javascript:void(0)" onClick="troca();">troca</a>

 

Outra sugestão é utilizar jquery... veja o demo

 

Demo: http://inspectelement.com/demos/jquerybg/

Tutorial: http://inspectelement.com/tutorials/changing-the-background-color-of-a-page-using-jquery/

 

Muito fácil de adaptar.

 

Verdade :D deu certo pra passar pro botão, só não estou conseguindo fazer ele voltar pras imagens anteriores, copiei a função trocar e criei a função anterior que diminuiu o id conforme for clicando, mas quando chega na primeira imagem ele passa a diminuir pra -1, -2... como faço pra ir pro último valor da array e criar o ciclo?

 

Edit:

Opa, consegui desse jeito:

 

if (id>0){
       id--;   
       }else{
               id=(imgs.length-1)
       }

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.