Foros del Web » Creando para Internet » Flash y Actionscript »

[SOLUCIONADO] Animación de imágenes a través de un botón sgt y uno anterior

Estas en el tema de Animación de imágenes a través de un botón sgt y uno anterior en el foro de Flash y Actionscript en Foros del Web. En una multimedia en Flash AS2 que estoy haciendo tengo que hacer una animación de imágenes las cuales pasan haciendo clic en los botones. Si ...
  #1 (permalink)  
Antiguo 20/05/2014, 08:15
 
Fecha de Ingreso: octubre-2012
Ubicación: Cuba
Mensajes: 19
Antigüedad: 12 años, 1 mes
Puntos: 0
Pregunta Animación de imágenes a través de un botón sgt y uno anterior

En una multimedia en Flash AS2 que estoy haciendo tengo que hacer una animación de imágenes las cuales pasan haciendo clic en los botones. Si hago clic en el botón siguiente pues la imagen se desplaza a la izquierda y muestra la otra y así sucesivamente.
Lo mismo si hago clic en botón anterior, la imagen se desplaza a la derecha para mostrar la anterior.

Es esto lo que quiero hacer. Pero tengo un problema y no he encontrado forma de solucionarlo.
Siempre que hago clic en el botón derecho las imágenes se desplazan de una en una, pero cuando hago clic en el botón anterior, se desplaza por todas las imágenes hasta llegar a la primera imagen, en vez de ir una a una según vaya haciendo clic en el botón anterior.


Hasta ahora he hecho esto:
Tengo la tira de imágenes que son un MC con nombre de instacia, banners_mc
dentro del MC, osea con el F9 está el código sgt:

onClipEvent(load){
x=0
_x=0

}
onClipEvent(enterFrame){
_x+=(x-_x)*0.3
}



cada imagen de ese banners_clip la convertí en Mc y le puse nombre de instancia, ejemplo, img1, img2, img3 y así hasta llegar a la img8.


En un fotograma están los botones de ir a la siguinte imagen y anterior con nombres de instancias:

sgt_btn
ant_btn


En el fotograma superior de los scripts tengo este código:

sgt_btn.onRelease=function(){
banners_mc.x=-685
trace("img2 visible")

ant_btn.onRelease=function(){
banners_mc.x=0
trace("img1 visible")
}


sgt_btn.onRelease=function(){
banners_mc.x=-1369
trace("img3 visible")



sgt_btn.onRelease=function(){
banners_mc.x=-2055
trace("img4 visible")

Cóm0o puedo hacer para que las imágenes se desplace de una en una según haga clic en el botón sgt y/o anterior.


Muchas gracias
  #2 (permalink)  
Antiguo 21/05/2014, 10:33
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 5 meses
Puntos: 406
Respuesta: Animación de imágenes a través de un botón sgt y uno anterior

Hola jancar1975:
Para empezar acostúmbrate a usar el Highlight para encerrar tus códigos al publicarlo aquí, de esa forma será más legible la lectura.
La forma más simple de hacerlo sería colocando en cada frame del MC una imagen.
Crear otra capa y allí colocar 2 botones con los siguientes códigos para el botón avanzar o siguiente:
Código actionscript:
Ver original
  1. on(press){
  2.     nextFrame();
  3. }
Para el botón anterior:
Código actionscript:
Ver original
  1. on(press){
  2.     prevFrame();
  3. }
Creas otra capa y en el frame 1 colocas un stop();

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #3 (permalink)  
Antiguo 21/05/2014, 11:01
 
Fecha de Ingreso: octubre-2012
Ubicación: Cuba
Mensajes: 19
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Animación de imágenes a través de un botón sgt y uno anterior

Hola Bandit, ante todo muchas gracias por contestar.
De la forma que me describes no me sirve porque el pase de las imágenes no tiene animación. Lo que esperaba es que me sugirieran algo en el código que está en mi película.

Muchas gracias
  #4 (permalink)  
Antiguo 21/05/2014, 12:20
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 5 meses
Puntos: 406
Respuesta: Animación de imágenes a través de un botón sgt y uno anterior

El problema es que haz puesto 4 códigos para el mismo botón siguiente, por ende
se activará solamente el cuarto código, eso está mal, lo que tienes que hacer es crear una función para dicho botón con una condicional que verifique en que posición de X está.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #5 (permalink)  
Antiguo 26/05/2014, 08:47
 
Fecha de Ingreso: octubre-2012
Ubicación: Cuba
Mensajes: 19
Antigüedad: 12 años, 1 mes
Puntos: 0
Pregunta Respuesta: Animación de imágenes a través de un botón sgt y uno anterior

Hola Bandit,
Hice 2 formas de solución al problema. Una fue usar varios botones debajo de la tira de imágenes, osea cada botón responde a cada imagen y la muestra. Pues con función y posición mostraba perfectamente la imagen siguiente y siguiente y anterior según en el botón que se hiciera clic.

También hice otra forma con on (rollover) y on (rollout), una posición inicial de la tira y una final y al final la tira se muestra según tengas el mouse sobre el botón izquierdo o derecho.

Esas opciones les gusto hasta cierto punto, pero se quiere que sean a traves de 2 botones como el rollover, pero con on (release) que se vaya mostrando la imagen por cada clic que hagas en el botón. Lo he intentado pero no me sale del todo bien.

Me podrías indicar al menos como tú lo harías mostrando 3 imágenes.
Osea un botón izquierdo y uno derecho y una tira de 3 imágenes y que se muestre la imagen 2 cuando haga clic en el botón sgt y que se muestre la 3ra imagen cuando clic en sgt nuevamente y que vaya atrás a la 2da imagen cuando haga clic en atrás.

Muchas gracias
  #6 (permalink)  
Antiguo 27/05/2014, 11:06
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 5 meses
Puntos: 406
Respuesta: Animación de imágenes a través de un botón sgt y uno anterior

Hola jancar1975:
Como ya te dije en mi post anterior, se tendrá que usar condicionales dentro de la función del botón.
Utiliza if y else if en relación a X donde esté banners_mc.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/

Etiquetas: as, derecha, flash
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:40.