Efecto FadeIn

Pollito_69 · #1 (**permalink**) 29/04/2009, 03:55

Buenas, estoy montando una galeria de fotos, y ya tengo hechas las funciones de fadeIn, fadeOut, y la de cambio de imagen (un simple document.imagen.src=<foto>;)
Sin embargo, ahora me asalta una duda, y es que, si pongo estas tres funciones en linea(fadeIn();cambio();fadeOut();) los efectos de desvanecimineto se ejecutan a la vez, ¿cual seria la solucion para que una vez estuviera cargada la imagen aplicar el fadeOut?

jeybi · #2 (**permalink**) 29/04/2009, 04:59

Al final de cada intervalo (que supongo sabes que se tienen que utilizar), despues de if opacidad == 0 puedes poner la llamada a la siguiente funcion, ejemplo:

Cada 10 ms bajale en .01 la opacidad a la foto actual
Cuandoe esté en 0, termina y empiezo el nuevo intervalo (pasandole el valor de la siguiente foto)
Cada 10 ms subele en .01 la opacidad
Cuando esté en 1, termina y la foto pasa a ser la actual

Mas o menos para darte una idea.
Saludos

Pollito_69 · #3 (**permalink**) 29/04/2009, 05:25

No acabo de pillar como hacerlo, ya que si hago esto me sigue haciendo las dos cosas a la vez:

Código PHP:

  opacity=fadeOut('foto',100);//opacity vale 0
document.foto.src=ruta+album[thisImage];
if(opacity==0)fadeIn('foto',0);

EDITO: Vale, ya lo he conseguido he puesto que el fadein se ejecute en el onload de la imagen. GRACIAS!