Tutoriales en la Web

Galeria de fotos solo utilizando comandos de Swishmax

Posteado el 16. May, 2010 por Webi in Swishmax

A solicitud de softdecente quien nos comentó como hacer una galería en Swishmax sin usar actionscritpt. Aqui te dejamos la respuesta. No se puede omitir totalmente los actionscript pero te enseñamos como hacerlo utilizando solo comando que encuentras en Swishmax esperamos sea de tu utilidad.

PASO 1
Creamos un nuevo documento en blanco de Swishmax.

Galeria de fotos solo utilizando comando de Swishmax

PASO 2
Vamos a la ventana Properites – Botón Movie Properties y colocamos los valores que se ven en la imagen.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 3
Arrastramos nuestras imágenes anteriormente cortadas en photosho a nuestro documento de Swishmax.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 4
Con la herramienta Rectangle tool vamos a dibujar un rectángulo del tamaño de la fotografía grande con una contorno de color gris oscuro de 2 pts de grosor.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 5
En la ventana Outline vamos a mover el rectángulo a la parte inferior de nuestro documento.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 6
Con la herramienta Rectangle Tool vamos a dibujar un rectángulo del tamaño de la foto en miniatura con un color de relleno negro con opacidad de 50%

Galeria de fotos solo utilizando comandos de Swishmax

PASO 7
Vamos a la ventana Outline y le damos click derecho y vamos a la opción Convert – Convert to Button.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 8
En la ventana properties le colocamos nombre al botón en este caso lo nombre miniatura1 y marcamos la opción Has separate over state.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 9
Desplegamos nuestro Botón y en el grupo Over State al shape le colocamos una opacidad de 0%.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 10
Cerramos nuestro botón y con el comando Ctrl + C copiar y Ctrl + V para pegar duplicamos 3 veces mas para tener un botón por cada miniatura que hay.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 11
Ahora seleccionamos las fotografías grandes en la ventana Outline y le damos click derecho y vamos a la opción Grouping – Group as Movie Clip.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 12
En la ventana properties le colocamos el nombre de fotos_grandes y marcamos la opción Stop playing at end.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 13
Vamos a la ventana Script y en el botón Add Script vamos ir a la opción Movie Control – stop().

Galeria de fotos solo utilizando comandos de Swishmax

PASO 14
Repetimos el paso anterior 3 veces mas y cambiamos los numeros que aparecen en rojo por 2, 4, 6 y 8.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 15
Desplegamos nuestro movie clip y vamos a nuestra time line y vamos a agregar place y remove tal como lo hicimos en tutoriales anteriores, dando click derecho sobre el frame en donde queremos agregar el place o el remove.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 16
Ahora vamos al botón miniatura1 y en la ventan Script vamos al botón Add Script vamos a la opción Events – Button – on (press).

Galeria de fotos solo utilizando comandos de Swishmax

PASO 17
Luego vamos nuevamente al botón Add Script y a la opción Movie Control – Goto and play – gotoAndPlay(FRAME).

Galeria de fotos solo utilizando comandos de Swishmax

PASO 18
En la opción Target vamos a escoger el movie clip fotos_grandes

Galeria de fotos solo utilizando comandos de Swishmax

PASO 19
Repetimos los pasos 16, 17 y 18 en los demás botones únicamente cambiado los números por los correspondientes 3, 5 y 7.

Galeria de fotos solo utilizando comandos de Swishmax

PASO 20
Listo ya tenemos nuestra galería terminada. FINAL.

GALERIA DE FOTOS

Descarga Galeria de fotos solo utilizando comando de Swishmax

Articulos relacionados:

Tags: swi, Tutoriales Swishmax