jQuery loops y fadeIn/fadeOut

liebgott

Hola

Estoy trasteando un poco cn jQuery y tengo esto:

http://jsbin.com/ebiwi/

Como podria hacer que:

  • La fila de cajas de un color determinado al acabar de aparecer desaparecieran todas a la vez
  • Convertir esto en un loop y cuando desaparecieran las verdes volvieran a aparecer las negras

Saludos!

NeB1

tendrás que gastar callbacks functions para saber cuando acaban, del rollo:

$("#cajaRoja1").fadeIn('slow',function(){
    $("#cajaRoja2").fadeIn('slow',function(){
        $("#cajaRoja3").fadeIn('slow',function(){
             $(".cajar").fadeOut();
        });
    });
});

O bien en lugar de pasar "slow" pasar "1000" que es la cantidad de milisegundos que dura la animación, y calcular cuanto tardarán en acabar las 3 animaciones (en este caso 3 segundos). No obstante no te lo recomiendo, por que nunca acaban de ir perfectos esos temporizadores, siempre hay pequeños lags y tal que te descuadran el calculo.

Usuarios habituales

  • NeB1
  • liebgott