1. 2. 3. 4.

5. 6.

BOTONES INVISIBLES En una capa nueva pego la imagen con los thumbs. Genero un cuadrado pequeo sobre el primer thumb (cuadrado gris). Convierto el cuadrado en botn y hago doble clic encima para entrar a la lnea de tiempo del botn. En la lnea de tiempo, hago clic sobre el primer fotograma y, manteniendo presionado el botn del mouse, llevo el fotograma clave al ltimo fotograma (zona activa), tal como se ve en la imagen de la derecha. Vers al salir que el cuadrado es ahora de un celeste transparente. Eso indica que el botn es invisible. Lo nico material del botn es la zona activa. Copio el botn invisible y lo pego sobre el resto de los thumbs, preocupndome que queden espacios entre los botones y que nunca se superpongan.

Vamos a empezar con uno de los detalles: 1. Ubico la fotografa ampliada y un texto de explicacin del producto en el lugar donde quiero que luego aparezcan. 2. Convierto todo en grfico y luego en pelcula. 3. Ingreso en la pelcula y creo dos fotogramas clave nuevos. Supongamos, uno en el fotograma 5 y otro en el 10. 4. En el fotograma 1 y el 10 edito el grfico desde el panel de propiedades eligiendo la opcin Alpha 0%. Ahora en esos fotogramas, el grfico se ve transparente. 5. Le doy interpolacin de movimiento a toda la lnea de tiempo. 6. Selecciono el primer fotograma y desde el panel de acciones (F9), hago doble clic en Stop (Acciones/Control de pelcula o Global Functions/Timeline Control). Lo mismo en el fotograma 5. Esto es para detener la animacin en el primer fotograma y en el quinto, que justamente son transparentes, invisibles. 7. Al salir de la pelcula voy a ver el recuadro invisible. Ahora voy a darle un nombre a la pelcula. La selecciono y en el cuadro de propiedades escribo un nombre sin dejar espacios donde dice nombre de instancia o instance name. En este caso, el nombre va a ser Producto1. 8. Repito estos pasos con el detalle de los otros productos. Uso de ActionScript Una vez que tenemos todos los botones y todos los detalles convertidos en pelculas y nombrados vamos a proceder a darle acciones a estos botones. Bsicamente, lo que quiero es que inicialmente no se vea nada y, al pasar el mouse sobre un thumb, al costado se pueda ver el detalle del producto, pero al sacar el mouse vuelva a verse la pantalla blanca. En palabras Flash: quiero que, pasando el mouse sobre el thumb 1, se reproduzca la pelcula Producto1. Lo mismo con el resto de los thumbs La pelcula a la que llamamos Producto1 tiene 3 fotogramas clave: el 1, donde la imagen se ve transparente, el 5 donde se ve con claridad y el 10 donde vuelve a verse transparente. Ahora yo quiero que al pasar el mouse sobre el thumb 1, se reproduzca la pelcula Producto1 y que se detenga en el fotograma 5. Como el fotograma 1 y el 5 tienen la accin Stop, cada vez que la pelcula se reproduzca, quedar congelada en esos fotogramas. Entonces, si quiero llegar al fotograma 5, tengo que comenzar la reproduccin por el fotograma 2 que no est detenido. Las acciones se agregan al botn invisible que est sobre el thumb 1. Se selecciona el botn y presionando F9 se accede al panel de acciones donde escribir el cdigo ActionScript o lo seleccionar del listado. Los cdigos se escriben en ingls. Y para esta primera esta primera parte se ver as: on (rollOver) { tellTarget (Producto1) { gotoAndPlay(2); } } Explico: on (rollOver) = cuando paso el mouse por encima tellTarget ("Producto1") = le digo a la pelcula Producto1

gotoAndPlay(2) = que se reproduzca a partir del fotograma 2 Como en el fotograma 5 tenemos un Stop. Significa que la pelcula se va a reproducir hasta ese fotograma, quedando completamente visible el detalle del producto. Ahora vamos a hacer que al sacar el mouse por fuera del thumb 1, la pelcula se deje de mostrar (llegue al fotograma 10, donde el grfico es transparente): on (rollOut) { tellTarget (Producto1) { gotoAndPlay(6); } } Explico: on (rollOut) = cuando saco el mouse del botn tellTarget ("Producto1") = le digo a la pelcula Producto1 gotoAndPlay(6) = que se reproduzca a partir del fotograma 6 O sea que al desplazar el mouse por fuera del botn, la pelcula va a reproducirse desde el fotograma 6 en adelanta, hasta llegar al fotograma 10, donde la pelcula vuelve a ser transparente o invisible.