carga de imagen dinamica con efecto fade-in desde un boton

Hola

necesito cargar una imagen dinamica cuando se pincha en un boton y lo estoy haciendo asi:

on (release)
{
loadMovie("fashion/normal/3.jpg",_parent);
}

pero quiero que se cargue con un efecto fade-in, y la verdad es que no tengo ni idea de como hacerlo. He buscado mucho por internet, pero no encuentro exactamente esto, y lo que encuentro no se adaptarlo, vamos que soy un paquete . A ver si alguien puede ayudarme.

Muchas gracias

mira aqui encontraras como crear botones con fade in-fade out

http://www.cristalab.com/tutoriales/123/boton-con-fade-in-y-fade-out-animado


suerte

perdona, pero no me has entendido. no quiero hacer un boton con fade-in y fade-out, si no lo que quiero es que cuando se pinche en el boton, se me cargue una imagen pero en vez de con loadmovie a secas, se cargue con al gun efecto, porque con el loadmovie es muy brusco.

muchas gracias.

Tienes que hacer un mini cargador y comprobar que la imagen se ha cargado, solo entonces haces un fade o el efecto que te interese. Sería algo así:

Código :

function cargarJPEG() {
_parent.onEnterFrame = function() {
if((this.getBytesLoaded/this.getBytesTotal) == 1) {
efectoFade(); // aqui llamas a la funcion que hará el efecto, al play() que hara el efecto con linea de tiempo e interpolacion o // a alphaTo de "lcm_tween" todo depende de qué estes usando para hacer tweens
delete this.onEnterFrame;
}
};
}

on (release)
{
loadMovie("fashion/normal/3.jpg",_parent);
cargarJPEG();
}

[/code]

muchas gracias por la respuesta, pero ahora te pediria que si me puedes poner el codigo ese de la funcion efectofade(), porque no tengo ni idea de que me hablas de tween ese.

muchisimas gracias de todas maneras.

Mira si te sirve esto:
Veras, seguramente hay mil formas mas ortodoxas de hacerlo pero yo creo
dos movieClip, y utilizo tres funciones.

Código:

Código :

//********************************
//creacion de los movieClip
//******************************
X = 20;
Y = 100;
var contenedor_mc:MovieClip = this.createEmptyMovieClip ("contenedor", this.getNextHighestDepth ());
contenedor_mc._x = X;
contenedor_mc._y = Y;
var control_mc:MovieClip = this.createEmptyMovieClip ("control", this.getNextHighestDepth ());

//Primera función, la que hace la carga:
//******************************
//funcion de carga
//******************************
function carga (img) {
   contenedor_mc.loadMovie (img);
   control_mc.onEnterFrame = function () {
      var total:Number = contenedor_mc.getBytesTotal ();
      var cargados:Number = contenedor_mc.getBytesLoaded ();
      var porcent:Number = (cargados / total) * 100;
      if (contenedor_mc.getBytesLoaded () >= 4 && porcent >= 100) {
         encender (contenedor_mc);
         delete control_mc.onEnterFrame;
      }
   };
}
//*********************************
//Segunda función la que pone _alpha=100
//*********************************
//función encender
//*********************************
function encender (mc) {
   mc.onEnterFrame = function () {
      if (this._alpha < 100) {
         this._alpha += 5;
         if (this._alpha >= 100) {
            this._alpha = 100;
            delete this.onEnterFrame;
         }
      }
   };
}
//*********************************
//tercera función la que pone _alpha=0
//*********************************
//función apagar
//*********************************
function apagar (mc) {
   mc.onEnterFrame = function () {
      if (this._alpha > 0) {
         this._alpha -= 5;
         if (this._alpha <= 0) {
            this._alpha = 0;
            carga (d);
            delete this.onEnterFrame;
         }
      }
   };
}
//*********************************
//si tienes que cargar una imagen inicial
//*********************************
//carga de la primera imagen
//*********************************
d = ruta  imagen;
contenedor_mc._alpha = 0;
carga1 (d);
function carga1 (img) {
   contenedor_mc.loadMovie (img);
   control_mc.onEnterFrame = function () {
      var total:Number = contenedor_mc.getBytesTotal ();
      var cargados:Number = contenedor_mc.getBytesLoaded ();
      var porcent:Number = (cargados / total) * 100;
      if (contenedor_mc.getBytesLoaded () >= 4 && porcent >= 100) {
         encender (contenedor_mc);
         delete control_mc.onEnterFrame;
      }
   };
}
//****************************

Y cada botón tendrá el siguiente código

Código:

Código :

boton1.onRelease = function () {
   d = (ruta imagen);
   apagar (contenedor_mc);
   this.enabled = false;
   boton2.enabled = true;
//**********************
boton2.onRelease = function () {
   d = (ruta imagen);
   apagar (contenedor_mc);
   this.enabled = false;
   boton1.enabled = true;