Comunidad de diseño web y desarrollo en internet online

scroll que controle el alfa

Citar            
MensajeEscrito el 22 Feb 2007 03:42 pm
Hola, estoy haciendo un trabajo y necesito que alguien me diga como hacer una transicion entre varias fotos pero bajandoles el alfa con un scroll. Algo como lo que hacen en esta web...
http://www.elpais.com/graficos/sociedad/Enfermedades/provocadas/tabaco/elpgra/20060111elpepusoc_1/Ges/

tengo que hacer una transicion sobre el deshielo del polo norte y tengo varias imágenes con la evolucion de lo que será el deshielo y quisiera que el usuario pudiera pulsar sobre el scroll para que se vea la transicion de un periodo a otro...

Espero que podais ayudarme. Muchas gracias por adelantado.

Por watx

0 de clabLevel



 

msie
Citar            
MensajeEscrito el 22 Feb 2007 05:40 pm
Si la trancicion es entre dos imagenes, puedes hacer lo siguiente:

Creas 4 clips:
tierra_mc -> Tu planeta tierra
hielo_mc -> Tu imagen del hielo
fondobarra_mc -> El area donde se desliza la barra
indicador_mc -> indicador de alpha

ahora ponemos el siguiente código en la linea de tiempo:

Código :

indicador_mc._x = fondobarra_mc._x;
var max:Number = 100;
var temp:Number = max;
indicador_mc.onPress = function() {
   onMouseMove = function () {
      indicador_mc._x = ((_xmouse>=fondobarra_mc._x) && (_xmouse<=(fondobarra_mc._x+fondobarra_mc._width-indicador_mc._width))) ? _xmouse : indicador_mc._x;
      temp = Math.floor((fondobarra_mc._x+fondobarra_mc._width-indicador_mc._width-indicador_mc._x)/(indicador_mc._width-fondobarra_mc._width)*max)*-1;
      hielo_mc._alpha = temp;
   };
};
indicador_mc.onReleaseOutside = indicador_mc.onRelease=function () {
   delete onMouseMove;
};


Si son varias imágenes y no quieres morir en medio de la programación, te te comendo que hagas una animación (en el clip hielo_mc) donde se haga el avance entre las epocas y cambies lo siguiente:

var max:Number = 100; // Cambias el 100 por el número de cuadros de tu animación

hielo_mc._alpha = temp;// eliminamos esto y ponemos lo sig:
hielo_mc.gotoAndStop(temp);

y ya es todo creo ^^

Por bryanisimo

664 de clabLevel



Genero:Masculino  

Geek

firefox

 

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