Comunidad de diseño web y desarrollo en internet online

Fade in y Fade out

Citar            
MensajeEscrito el 07 Sep 2005 12:47 pm
Hola de nuevo!!
Yo como siempre con mis dudas.. ;)
Quiero cargar 5 imagenes,y que permanezcan 5 segundos en pantalla hasta que se pase a la siguiente.
Hasta ahí no tengo problema.
Ahora quería que las imagenes fueran apareciendo gradualmente hasta un alpha 100,que se mantengan los 5 segundos,y que desparezcan hasta alpha0,y ya que cargue la siguiente imagen del mismo modo.
¿¿Como hago el fade in y el fade out??
Las imagenes son secuenciales por si es de ayuda.
Muchas gracias!!

Por zumita

15 de clabLevel



 

msie
Citar            
MensajeEscrito el 07 Sep 2005 02:19 pm
Hola, yo lo haria asi:

Código :

//fade in ( el fade out es igual pero de 100 a 0, obvio...)
/*_global.*/var i = 0; // lo de _global. quizas te vaya mejor para tu
//codigo porque asi la variable te sirve en todos los clips etc
vel = 1;
onEnterFrame = function() {
   imagenX._alpha = i;              //la imagen se trasparenta lo que valga i
   i+= vel;   //Aumentas la variable segun la velocidad de vel (ahora 1)
   if (imagenX._alpha == 100)   // si la imagen ya tiene 100 de alpha
      delete this.onEnterFrame;  // pues salimos del onEnterFrame()
}


Hay otra forma quizas mas sencilla para esto y es que conviertas todo esto en una funcion y entonces realizas la llamada a la misma
en funcion de lo que necesites, pasandole por parametro por ejemplo si necesitas fade in o fade out...

Espero que te haya servido de algo, un saludo!

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

msie
Citar            
MensajeEscrito el 07 Sep 2005 05:40 pm

Código :

MovieClip.prototype.fadeIn = function(vel){
//this._alpha = 50;
this.onEnterFrame = function(){
   this._alpha += vel;
   if(this._alpha == 100){
      delete this.onEnterFrame;
   }      
};
}
MovieClip.prototype.fadeOut = function(vel){
//this._alpha = 50;
this.onEnterFrame = function(){
   this._alpha -= vel;
   if(this._alpha <= 60){
      delete this.onEnterFrame;
   }      
};
}

y asi lo usas
clip.onRollOver = function(){
   this.fadeIn(25);
   tooltip_fn("Country (<b>Entrar</b>)");
//o en el evento que quieras
}

Por rolv

Claber

2000 de clabLevel

3 tutoriales

 

msie
Citar            
MensajeEscrito el 08 Sep 2005 10:55 am
Gracias!! :D Voy a intetarlo ahora de las maneras que me habeis comentado.
Por si no me explico bien,que suele ser habitual,os dejo el codigo de lo que es la "presentacion" de las fotos sin el fade in ni el fade out.

Mil gracias de nuevo!!!

Código :

[this.createEmptyMovieClip("vacio",1);
vacio._x=vacio._y=50;
var contador:Number=1;
function cargaFoto(){
   if(contador>5){
      contador=1;
      }
   vacio.loadMovie("img0"+contador+"_gr.jpg");
   contador++;
   }
   setInterval(cargaFoto,5000);

Por zumita

15 de clabLevel



 

msie
Citar            
MensajeEscrito el 12 Dic 2005 09:07 am

Capt.Mahou escribió:

Hola, yo lo haria asi:

Código :

//fade in ( el fade out es igual pero de 100 a 0, obvio...)
/*_global.*/var i = 0; // lo de _global. quizas te vaya mejor para tu
//codigo porque asi la variable te sirve en todos los clips etc
vel = 1;
onEnterFrame = function() {
   imagenX._alpha = i;              //la imagen se trasparenta lo que valga i
   i+= vel;   //Aumentas la variable segun la velocidad de vel (ahora 1)
   if (imagenX._alpha == 100)   // si la imagen ya tiene 100 de alpha
      delete this.onEnterFrame;  // pues salimos del onEnterFrame()
}


Hay otra forma quizas mas sencilla para esto y es que conviertas todo esto en una funcion y entonces realizas la llamada a la misma
en funcion de lo que necesites, pasandole por parametro por ejemplo si necesitas fade in o fade out...

Espero que te haya servido de algo, un saludo!


Antes de nada muchas gracias Capt.Mahou
Lo he probado (después de meses!!) y el fade in va perfecto.
Sin embargo ya que me decías que había otra forma más sencilla de hacerlo,¿sería mucho pedir que me dejaras el código?
Estoy tan torpe que ya no se cómo hacerlo...

Gracias de nuevo!!

Por zumita

15 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.