Comunidad de diseño web y desarrollo en internet online

Consulta de script

Citar            
MensajeEscrito el 09 Oct 2008 11:48 pm
Hola amigos de cristalab, bueno por aqui despues de mucho tiempo ya que andaba algo perdido entre proyectos y demás cosas, aqui les caigo con una duda que espero puedan ayudarme.

Estoy rediseñando una página web y quiero hacer un scroll como el que les adjunto en este post, ya que logre extraerlo del juego dance battle audition pues ese efecto de scroll (que en realidad es la imagen la que corre hacia arriba) es que quiero usar con mi página:

nexon escribió:


function fun1()
{
++counter;
if (counter == numOfImage + 1)
{
counter = 1;
} // end if
} // End of the function
fscommand("showmenu", "false");
Stage.scaleMode = "noScale";
link = new Array();
frameName = new Array();
numOfImage = 4;
temp = 100;
gap = 3200;
counter = 1;
for (i = 1; i <= numOfImage; i++)
{
this[i].gotoAndStop(i);
this[i].defaultY = this[i]._y;
imageSet[i].onRelease = this[i].onRelease = function ()
{
getURL(link[this._name], frameName[this._name]);
};
this[i].onRollOver = function ()
{
counter = Number(this._name);
clearInterval(interval);
};
this[i].onRollOut = this[i].onDragOut = function ()
{
interval = setInterval(fun1, gap);
};
this[i].onEnterFrame = function ()
{
var _loc1 = this;
if (counter == _loc1._name)
{
_loc1.nextFrame();
return;
} // end if
_loc1.prevFrame();
};
} // end of for
imageSet.onEnterFrame = function ()
{
this._y = this._y + (-(counter - 1) * temp + 38 - this._y) / 6;
};
check.onEnterFrame = function ()
{
var _loc1 = this;
_loc1._y = _loc1._y + (_loc1._parent[counter]._y - _loc1._y) / 6;
trace(_loc1._y);
};
interval = setInterval(fun1, gap);

Les puse el código pero para que lo entiendan mas (ya que tiene referencias a objetos en escena), les aconsejo que bajen el fla, es:
- Una pelicula que contiene 4 imagenes, detras de un mask a modo de pantalla con lineas curvas para darle una buena apariencia
- Las demas capas son los números que aparecen cada uno delante de su respectivo película (grafico de cuadrado) que los encierra
- Y la capa de la pelicula que desciende a manera de scroll y sube cuando termina de señalar los demas.

Entiendo trozos del código pero hay cosas que aún no logro entender a cabalidad, como es que empieza el scroll desde la primera imagen sin decir la coordenada, porque usan el this a manera de array, a ver si me pudieran guiar un poco se los agradecería mucho.
Archivos fla

Por Mr. X-ecutor

96 de clabLevel

1 tutorial

Genero:Masculino  

12/02/2007

firefox
Citar            
MensajeEscrito el 09 Oct 2008 11:56 pm
Has pintado el código a mano!!!, una ardua tarea sin dudas, te hubiera sido más fácil insertar el código entre tags de AS, con Baby Blue estos se colorearán automáticamente y además aceptarán tabulaciones:

Código :

[as]
//---El código aquí
[/as]


Para lo que buscas, no te compliques, utiliza este tuto y haz que las acciones en vez de press sean con rollOver.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 13 Oct 2008 09:27 pm
Muchas gracias por el tuto me resolvio el problema, solo que en lugar de hacerlo con el cursor se desplazaba cada cierto tiempo asi que hice un temporizador con setInterval, pero el script del tuto fue la salvación xD.
Aunque aun me llama la atención ese codigo que postee, trataré de analizarlo en mi tiempo libre y si encuentro cosas interesantes pues posteare un pequeño tip nunca falta alguien necesitando una ayuda extra para los scripts.

Un saludo

Por Mr. X-ecutor

96 de clabLevel

1 tutorial

Genero:Masculino  

12/02/2007

msie7
Citar            
MensajeEscrito el 13 Oct 2008 09:30 pm
Pues claro hombre, cualquier ayuda siempre es bien agradecida.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

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