Mapas interactivos
Estoy trabajando con DW4 y Flash5, soy novato, quisiera hacer un mapa en donde al seleccionar una región esta se ampliara y enseñara más detalles para seleccionar los vínculos, el efecto que le quiero dar es zoom a la región para poder detallar los territorios. ¿Alguna idea?
1 respuesta
Respuesta de nameone
1
Pues tienes dos opciones.
Si lo haces todo con Dreamweaver, deberás ir haciendo la imagen mapeada desde las propiedades de la misma. Seleccionando los iconos con formas geométricas para poder "dibujar" áreas linkeables dentro de la imagen.
Una vez hecho esto, deberás recurrir al comportamiento de mostrar/ocultar capas. Para que al pasar el ratón sobre el área de imagen que quieras, una capa que previamente habrás de crear con la imagen ampliada aparezca. Es realmente fácil. Pero tendrás que tener en cuenta que al quitar el ratón de esa zona, la capa debe volver a ser invisible. Tendrás que ir probando hasta controlar este comportamiento.
Si lo vas a hacer en flash, solo deberás crear dentro de la foto, áreas a las que les darás la propiedad de botón, y al editar el estado "sobre" del mismo, podrás bien ir poniendo que se muestre la imagen ampliada, o bien una movie clip con la imagen ampliándose mediante una interpolación de tamaño para que la imagen parezca que se amplia.
Suerte, si tienes más preguntas ya sabes donde estoy.
Si lo haces todo con Dreamweaver, deberás ir haciendo la imagen mapeada desde las propiedades de la misma. Seleccionando los iconos con formas geométricas para poder "dibujar" áreas linkeables dentro de la imagen.
Una vez hecho esto, deberás recurrir al comportamiento de mostrar/ocultar capas. Para que al pasar el ratón sobre el área de imagen que quieras, una capa que previamente habrás de crear con la imagen ampliada aparezca. Es realmente fácil. Pero tendrás que tener en cuenta que al quitar el ratón de esa zona, la capa debe volver a ser invisible. Tendrás que ir probando hasta controlar este comportamiento.
Si lo vas a hacer en flash, solo deberás crear dentro de la foto, áreas a las que les darás la propiedad de botón, y al editar el estado "sobre" del mismo, podrás bien ir poniendo que se muestre la imagen ampliada, o bien una movie clip con la imagen ampliándose mediante una interpolación de tamaño para que la imagen parezca que se amplia.
Suerte, si tienes más preguntas ya sabes donde estoy.
Creo que lo mejor es hacerlo con flash e integrarlo a dreamweaver, de hecho ya lo hice con el comportamiento al presionar la región me cambia la imagen por otra mayor con detalles de la región que tienen sus propios vínculos pero lo hice con 2 archivos diferentes, me gustaría poder hacerlo como indicas, con un movie clip, pero podrías por favor indicarme como. Desde ya, muchas gracias.
De nuevo poderlocal.
Para hacer los movie clip, debes comenzar insertando la imagen que se compondrá de áreas linkeables. Ir seleccionando área a área con cualquier herramienta que te permita cortar las secciones, y así ir dando a cada una la propiedad de botón. (una vez seleccionada, Menu /Insertar/Convertir en simbolo/Boton.)
Una vez creado el botón con ese área, verás que en su edición cuentas con varios estados del botón. Normal,-Sobre- Pinchado-Área activa.
Tendrás que ir editando cada una de las partes que lo componen, para que actúe como un botón.
En el caso de que quieras que al pinchar aparezca la imagen agrandándose, deberás duplicar esa área o usar otra imagen y transformarla en un movie clip. (Menu /insertar/convertir en simbolo/movie clip)
Y ahora solo tendrás que crear una animación de interpolación de movimiento con cambio de tamaño, especificando el numero de frames que quieras que ocupe.
Este movie clip, lo insertas en el estado del botón que quieras que aparezca, (Presionado, en este ejemplo), y cuando pruebes la película, veras que al pinchar sobre el área, aparece la película haciéndose más grande.
Suerte con el flash, que no es tan difícil !
Saludos, y ante cualquier duda, consúltame lo que necesites.
Chau!
Para hacer los movie clip, debes comenzar insertando la imagen que se compondrá de áreas linkeables. Ir seleccionando área a área con cualquier herramienta que te permita cortar las secciones, y así ir dando a cada una la propiedad de botón. (una vez seleccionada, Menu /Insertar/Convertir en simbolo/Boton.)
Una vez creado el botón con ese área, verás que en su edición cuentas con varios estados del botón. Normal,-Sobre- Pinchado-Área activa.
Tendrás que ir editando cada una de las partes que lo componen, para que actúe como un botón.
En el caso de que quieras que al pinchar aparezca la imagen agrandándose, deberás duplicar esa área o usar otra imagen y transformarla en un movie clip. (Menu /insertar/convertir en simbolo/movie clip)
Y ahora solo tendrás que crear una animación de interpolación de movimiento con cambio de tamaño, especificando el numero de frames que quieras que ocupe.
Este movie clip, lo insertas en el estado del botón que quieras que aparezca, (Presionado, en este ejemplo), y cuando pruebes la película, veras que al pinchar sobre el área, aparece la película haciéndose más grande.
Suerte con el flash, que no es tan difícil !
Saludos, y ante cualquier duda, consúltame lo que necesites.
Chau!
