Comunidad de diseño web y desarrollo en internet online

Animación de una tira imágenes a través de un botón sgt y uno anterior

Citar            
MensajeEscrito el 20 May 2014 08:50 pm
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 desplazaa 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. Como las animaciones de los banners de las páginas web, pero haciendo clic en un botón siguiente o anterior. Sólo estoy usando 1 fotograma. Quiero economizar fotogramas.
Pero tengo un problema y no he encontrado forma de solucionarlo.

Siempre que hago clic en el botón derecho las imagenes se desplazan de una en una, pero cuando hago clic en el botón anterior, se desplaza por todas las imagenes 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ómo 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

Por carlosms

30 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 May 2014 09:17 pm
Yo haría lo siguiente:

si tengo un chorizo de imágenes y todas las imágenes tienen un mismo ancho.

al hacer click en la izquierda, movería el chorizo hacia la izquierda el ancho de una imagen.

Tengo que contar el total de imágenes para saber cuantas veces se puede mover hacia la izquierda y hacia la derecha.

Entonces sería algo así.

imagenesTotal = 20; //ejemplo
contador = 0;

//muevo un lugar hacia la derecha el banner en caso de no haber llegado hasta la última imagen
sgn_btn.onRelease = function(){

if(contador<imagenesTotal){
miTween:Tween = new Tween(baner_mc, "_x", Regular, baner_mc._x, baner_mc._x + imagenWidth, 1, true);
contador++;
}

}
//muevo un lugar hacia la izquierda el banner en caso de no haber llegado hasta la primer imagen
ant_btn.onRelease = function(){

if(contador>0){
miTween:Tween = new Tween(baner_mc, "_x", Regular, baner_mc._x, baner_mc._x - imagenWidth, 1, true);
contador--;
}

}

habría que pulir un poco más el código, pero para que te hagas una idea.
slds

Por Freeki

Claber

183 de clabLevel



Genero:Masculino  

Desarrollador Web Uy

chrome
Citar            
MensajeEscrito el 28 May 2014 03:56 pm
Gracias Freeki. No había entrado al foro. Ahorita hago las pruebas.

Muchas gracias por su respuesta

Por carlosms

30 de clabLevel



 

chrome

 

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