Tecnología

Inicio

Efecto rollover de Fireworks

Efecto rollover de Fireworks


Si recuerda el uso de Adobe ImageReady Adobe Systems antes de plegar algunas de sus características en Adobe Photoshop, reconocerá la funcionalidad incorporada en Adobe Fireworks. El editor de imágenes versátil centra en gráficos Web desde su creación hasta la optimización, con capacidad para materiales tanto por vectores y basado en píxeles. Junto con el contenido de la edición de imágenes, Adobe Fireworks le ayuda a añadir interactividad a su trabajo. Cuando haya completado un proyecto en Fireworks, puede guardar los elementos visuales junto con el código que es compatible con su apariencia y comportamiento.

Los vuelcos

vuelcos basadas en JavaScript añaden una forma perdurable de interactividad a cualquier material que pueda visualizarse en un navegador Web. Estas combinaciones de imágenes y comportamientos interactivos que permiten hacer una página web cambia el contenido que muestra tan pronto como tierras dispositivo señalador de un usuario en el punto de acceso que se inicia el cambio. Algunos vuelcos alterar la imagen inmediatamente debajo de cursor del usuario. Otros reemplazar un gráfico en otra parte de la página. En algunos casos, los vuelcos volver a la imagen original después de que el cursor se aleja.

Cómo funciona

JavaScript define una serie de comportamientos codificados, cada una llamada de la acción del usuario que les instiga. "OnMouseOver" se refiere a un comportamiento guión que se produce sólo si el cursor del usuario entra en un lugar determinado en la página. Por el contrario, "onMouseOut" revierte el proceso y define una acción que se produce cuando el usuario mueve el cursor fuera de la zona activa. Las imágenes en sí más que ocupan los puntos de acceso, dejando el trabajo a las funciones de JavaScript.

Tipos de Reinversiones

Adobe Fireworks puede crear permutas de imágenes simples que reemplazan uno con otro gráfico. Más allá de los conceptos básicos, puede utilizar los fuegos artificiales para construir un sistema de navegación que utiliza vuelcos para mostrar los botones de múltiples estados o elementos de la barra de navegación que añaden interactividad avanzada. El rollover desunido, a veces llamado un vuelco secundaria, sustituyendo a un objeto cuando el usuario interactúa con otra. Este estilo de rollover hace que sea fácil de visualizar gráficos sobre temas específicos o imágenes de muestra cuando el usuario pasa más de un título en una lista de temas.

Creación de rollovers

Los vuelcos se basan en rodajas, o áreas poligonales definidas dentro de una imagen, para crear los puntos de acceso que desencadenan la interactividad. Una vez que se agrega una rebanada a una imagen y crear un estado en el panel Estados de Fireworks, puede colocar o pegar una segunda imagen para convertirse en el reemplazo de intercambio de entrada. Cada estado en el panel Estados representa un estado de rollover en su salida final. Para los rollovers desunidos, las divisiones de Fireworks incluyen tiradores de comportamiento que arrastra de su imagen original para su división de destino.