Publicado em 2 de jun.

[Resolvido] Alterar background com fade em JQuery

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

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

0cool· 2 de jun.

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.

Ch4p0L1N· 2 de jun.

>
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)
 }