Comunidad de diseño web y desarrollo en internet online

Scroll de imágenes simple.

Citar            
MensajeEscrito el 22 Ago 2009 02:38 pm
Hola. Alguien sabe como se hace un scroll de imágenes simple?? Digamos lo mismo que si tienes un texto dinámico y le añades un UIScrollbar. igual igual, solo que en el lugar de texto, que haya imágenes (imágenes que son clip de película/botones).

Lo que estoy haciendo es tipo web, y las imágenes que habrá en el scroll es como el índice, y según a la que le des, a al derecha aparece la imagen grande.

Alguien me puede ayudar??
Muchísimas gracias.

Por sisley_memories

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 22 Ago 2009 06:19 pm
ok mira a ver si esta te sirve, no es la super galería dinámica con xml o php es solo AS y muy simple.

digamos que tienes 10 imágenes, entonces abre un documento nuevo, crea un mc q se llame menu, dentro de menu crea otro mc que se llame botones, dentro de botones crea 10 capas para cada una de las imágenes (imágenes que son clip de película/botones). arrastra una imágen a cada capa y ubicalas horizontalmente de modo que quede una tira de imágenes:
(# # # # # # # # # #).

Vulve al mc menu crea una capa nueva en esta capa dibuja un rectangulo que cubra tus primeras cuatro imágenes a esta capa dale clic derecho y luego mascara. si has hecho todo bn hasta aquí verás en el escenario solo cuatro imágenes.

Ahora desbloquea las dos capas y crea un fotograma clave en el fotograma 30 de la primer capa (la capa del mc botones) y presiona F5 en la fotograma 30 de la capa mascara y mueve el mc botones en el fotograma 30 hacia la izquierda hasta el punto en que quede la ultima imágen alineada a la derecha justo por debajo de la mascara. Ve al primer fotograma y dale interpolación de movimeinto. con esto ya tenemos el efecto del scroll de imágenes.

Ahora crea una capa nueva donde pondremos los botones para mover a la derecha y a la izquierda la tira de imágenes, crea dos botones y ubicalos a cada extremo de la tira de imagenes al botón de la izquierda le pones el siguiete código

Código ActionScript :

on(rollOver){
regresa=setInterval(back,50);
}
on(rollOut){
 clearInterval(regresa);
}


y al de la derecha este:

Código ActionScript :

on(rollOver){
   play();
}
on(rollOut){
   stop();
}



luego presiona F5 en el fotograma 30 de esta capa.
Luego crea otra capa y pega este codigo en el primer fotograma:

Código ActionScript :

stop();
back = function(){
 prevFrame();
}

y en el fotograma 30 pon un stop

Vuelve al escenario y prueba la película, si hiciste todo bien la tira de imágenes se mueve a la derecha o a la izquierda cuando pones el mouse sobre los botones.

Ahora en el escenario, crea una nueva capa para poner las imágenes grandes y ubica cada imagen grande en un fotograma diferente de esta capa (en cada fotograma donde pongas una imagen grande también pon un stop) y dale F5 a la primera capa donde termine la segunda capa.

Y por último entra en mc botones y dale la accion correspondiente a cada imagen (imágenes que son clip de película/botones) para que te mande al fotograma donde esta la imagen grande correspondiente, entonces si tu primera imagen grande la ubicaste en el fotograma 5, por ejemlo, la acción para el botón seria la siguiente:

Código ActionScript :

on(release){
   _root.gotoAndStop("5")
   }


Para q se vea bn el efecto pon la película a 30 fps y listo!!!
Espero q te sirva, saludos...

Por Loop

67 de clabLevel



Genero:Masculino  

safari
Citar            
MensajeEscrito el 22 Ago 2009 07:06 pm
Espero que me sirva muchas gracias, pero es que los códigos no los puedo poner bien.

Sabes cómo se hace en AS3 _root ? Porque eso es en A1 y A2 y los comandos son diferentes...

MUCHAS GRACIAS

Por sisley_memories

3 de clabLevel



 

chrome

 

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