Portada | Monotemáticos | Secciones | Comunidad | Servicios profesionales | RSS
Teoría del diseño | Vídeo e Imagen | CD/DVD Interactivo | Audio | Web Multimedia | Fotografía | Tecnología
Directorio | Manuales | FAQs | Programas | Noticias
Registrarse
Desarrollo Multimedia

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

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.

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:

 Autoría, licencia y acciones sobre este artículo

Informe de Javier Pérez Encinas*
Director de Medios
URL: http://www.insightcreativos.es

Atención: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.

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


Comentarios de los visitantes

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!






  Ir arriba


DesarrolloMultimedia.es | Copyright | Anunciese | Acerca de | Datos legales | Contacta