[Resolvido] repetir animação

Sander Luís · Fevereiro 15, 2012

assim pessoal como q faço para repetir minha animação tipo eu coloquei lá:

fadein();

setTimeout('fadeout()', 250);

//agora volta no fadein() e vai no fade out, volta no fade in e assim por adiante sem q parre a animação? seria tipo um replay infinito..

vlw

tipo eu queria fazer uma animação de nuvens tipo umas vem pra cá outras pra la, mas quando termina de passar na tela ela volta a animação

tipo o http://uploaded.to/

mas la é diferente tem fade e tals ,mas note q depois de um tempinho ele repete a mesma animação nos quadradinhos...

e ae alguem ja viu animações em javascript tipo em nuvens e tals fica legal né... depende do progeto...

o meu vai ser meio "eco"

verde e tals..

dae queria faze essa nimação da nuvens pra ca é pra la, e dae no bg tido do céu apenas seria uma div com width 100% e o bg seria um gradiente com azul de 1 pixel de largura dae eu repetia com repeat-x..

simplesmente ia carregar muito mais rapido q um banner como eu tava pensando do tamanho da tela...

e o meu site vai ter q ser rapido então...

se alguem ja viu algum site assim me avisem vlw...

JCMais · Fevereiro 15, 2012

Você não precisa de setTimeout para isto.

var func = function(){
       $( '#elId' ).fadeIn( 600, function(){
           $( this ).fadeOut( 600, function(){
               func();
           });
       });

   };

jQuery( function( $ ) {
   func();
});

A documentação é sua amiga.

http://api.jquery.com/fadeIn/