Comunidad de diseño web y desarrollo en internet online

Scroll de imagenes, como hacerlo?

Citar            
MensajeEscrito el 23 Ago 2006 09:11 pm
Hola... :wink:

Soy empirico en esto de flash, estoy diseñando una pagina web para mi grupo de música rock y necesitamos crear un scroll de imagenes para nuestra galeria. Por favor si alguien nos puede colaborar se lo agradecemos de corazón!

:crap:

Creo que no es tan complicado pero hasta ahora estoy empezando con lo del ActionScript.

ATT: Orlando Aguilar
Alias: OsoNous

Por osonous

4 de clabLevel



Genero:Masculino  

Colombia

msie
Citar            
MensajeEscrito el 23 Ago 2006 11:11 pm
Acabo de hacer un Scroll muuuyyy fácil, que será lo que buscas:
tienes que crear la barra de Scroll, y convertirla en Botón. Antes de esto, en donde pone registro (al darle a "Convertir en símbolo"), y aparecen algo como si fueran 9 teclas (3x3), tienes que darla a la superior que está centrada. Ahora, el botón, lo conviertes en clip de Película (Movie Clip), y en registro le poner de nuevo el de arriba centrado. Hecho esto, pulsa Control + Shift + 9 2 veces, para girarlo 90 grados. También puedes hacer clic en MODIFICAR - TRANSFORMAR - VOLTEAR VERTICALMENTE (o darle a "ROTAR 90º..." 2 veces). Hecho esto, a ese clip le poner el Nombre de Instancia "ClipScroll", y al botón de dentro, "botonScroll".
Ahora tienes que poner las imágenes que quieres Scrollar, y las coviertes todas en un solo Clip de Película. A este le pones el Nombre de Instancia imagenes_scroll. Ahora lo conviertes en otro Clip, y dentor de este clip, tienes que tener 3 capas:
capa 1: Máscara. Pones un cuadrado, que es lo que se verá.
capa 2: Dentro de la máscara. Lo que esté dentro del cuadrado de "capa 1", será lo qe se vea.
capa 3: Fondo. Puedes poner el cuadrado de la máscara, pero con colores.

Ahora, vete a la escena 1, y al Clip que acabas de hacer (el de las 3 capas) le pones el Nombre de Instancia "recipiente_scroll".


Hecho todo correctamente, llegó la hora de los Scripts:
haz clic en el Clip de la barra (el "ClipScrolL") y al botón de su interior ("botonScroll") le pones el siguiente Script:

Código :

on(press){
   startDrag(_root.ClipDrag.botonDrag,false,"0","0","0","195") //El 195 es modificable
}
on(release, releaseOutside){
   stopDrag()
}

Y en la linea de tiempo principal, en el fotograma del Scroll, pones:

Código :

_root.onEnterFrame = function(){
   hacer_scroll = ClipDrag.botonDrag._y
   recipiente_scroll.imagenes_scroll._y = hacer_scroll * (-1)
   if(hacer_scroll <= 0){
      ClipDrag.botonDrag._y = 0
   }
   if(hacer_scroll >= 195){
      ClipDrag.botonDrag._y = 195
   }
}



Hecho todo bien, el Scroll funciona. Dime como te va.

Por nestorrente

1010 de clabLevel

10 tutoriales

 

Vigo

firefox
Citar            
MensajeEscrito el 28 Ago 2006 04:47 pm
Hey Muchas gracias, me quedo al pelo...
GRACIAS!!!

Por osonous

4 de clabLevel



Genero:Masculino  

Colombia

msie

 

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