Como crear un tooltip, alt o caja informativa de texto en flash

05 de febrero de 2009
Valoración del artículo:
En este artículo veremos de una forma muy sencilla como hacer un tooltip, caja informativa o alt en los botones nuestras películas flash.
Atención: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.

Quizás parezca una tonteria, ya que cuando trabajamos con html es muy sencillo aplicarlo a cualquier fotografía o elemento, pero en flash tiene su dificultad, por eso os planteamos un ejercicio sencillo de implantar y con un resultado muy vistoso.

Para que podáis entender el funcionamiento os dejamos un ejemplo práctico, donde podréis ver los códigos utilizados o copiar directamente las capas a vuestro proyecto.

Al final del artículo, veremos como trasladar el código flash del ejemplo a nuestra película, para hacerlo tantas veces como queramos, pero primero vamos a estudiar el .fla, para que lo que contiene y como funciona.

Como podréis observar, está compuesto de dos capas, una donde está el código;

1
2
3
4
5
6
7
8
9
10
11
12
13
14

 function tooltip (texto){
 _root.tooltip_mc.startDrag(true);
 _root.tooltip_mc._visible = true;
 _root.tooltip_mc.tex.text = texto;
 _root.tooltip_mc.tex.autoSize = true;
 largo = _root.tooltip_mc.tex._width;
 _root.tooltip_mc.fondo._width = largo+2
 }
 function resettool(){
 stopDrag();
 _root.tooltip_mc.tex.text = ""
 _root.tooltip_mc._visible = false;
 _root.tooltip_mc._x = -300
 }


Y también el clip de película con el diseño de la cartelita o alt que saldrá después visualizado, el cual podemos modificar en color, tamaño o tipo de letra.



Y en la otra capa, podemos encontrar el botón, donde si lo pinchamos veremos el siguiente código;

1
2
3
4
5
6

 on(rollOver){
 _root.tooltip("Próximamente");
 }
 on(rollOut, releaseOutside){
 _root.resettool();
 }


El texto "Próximamente" lo podemos modificar, por el que queramos.



Por lo cual, si en vuestra película creeais un botón en una capa, le pegáis el codigo corresponciente y luego hacéis un copy/paste de la capa donde está el código con el clip de película, deberéis conseguir algo asi:

Comentarios

Los comentarios de los visitantes son para ampliar la
información del artículo. Cualquiera puede participar.

Añadir un comentario al artículo Publicar un comentario del artículo

Se muestra un comentario revisado

 Perfecto
10/2/10 

Comentario de Carlos:

Muchas gracias, me fué de mucha utilidad!




El autor
Guía

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...

Un lugar donde se muestran las creaciones de los visitantes de DesarrolloMultimedia.es