TOOL TIP CON IMAGEN EN FLASH

HOLA, soy nuevo en el foro, pero siempre he buscado ayuda en critalab, al grano

Me gustaria que me colaboraran en guiarme a hacer un TOOLTIP CON IMAGEN EN FLASH, he visto como hacerlos con css y mas, pero en flash no he podido encontrar un buen ejemplo, necesito hacer algo como esto pero insisto en flash http://www.sxc.hu/profile/matchstick

me podrian ayudar, lo agradeceria muchisimo.

Puedes basarte en este Tutorial, pero en lugar de colocar una imagen, colocar un clip y cargarle una imagen con MovieClipLoader, si tienes Comoponentes de la version 2, te recomiendo administres la profundidad con depthManager.

Aca te dejo otro post

Muchas gracias por tu respuesta LongeVie, te lo agradezco de corazón, pero parece que se me complica demasiado el incluir la imagen, no se en que parte exactamente, y estuve revisando lo del componente depthManager. y entendi algunas cosas, pero enotras me confundi demasiado, y pues aun no he logrado lo que necesitaba, no tendras un ejemplo que yo pudiera editar, o un tutorial que sea mas especifico, que pena contigo pero la verdad no soy tan experto para administrar bien lo de los componentes, muchas gracias...

Basate en el tuto que te pase, y en lugar de crear un TextField, creas un MovieClip y cargas las rutas con MovieClipLoader

Código ActionScript :

//_root.tooltip.createTextField("alt", _root.c+2, 0, 0, 10, 10); ESTO NO
_root.tooltip.createEmptyMovieClip("alt", 0 );

No es tan difcil, la verdad no tengo ejemplos descargables, pero intentalo y las dudas las posteas aqui, y lo vamos constuyendo.

Muchas gracias de nuevo, mira ya remplaze el script
//_root.tooltip.createTextField("alt", _root.c+2, 0, 0, 10, 10); ESTO NO

por
_root.tooltip.createEmptyMovieClip("alt", 0 );
en al archivo de tooltip.as

el unico cambio hasta ahora es que no me sale el texto de antes, osea el tooltip de texto, ahora con que seguiria, dices que crear un MovieClip, ok lo crearia y le podria un nombre de instancia o alguna variable, para cargarlo, porque no se como cargarlo, osea mis siguientes dos preguntas serian:

1. El MovieClip seria vacio, y llevaria algun nombre de instancia o de variable? y
2.Como cargar las rutas con MovieClipLoader?
Como vez necesito mucha ayuda, y de antemano gracias por tu tiempo y cordialidad.

Asi queda la funcion init:

Código ActionScript :

function init() {
   _root.c = _root.getNextHighestDepth();
   _root.createEmptyMovieClip("tooltip", _root.c);
   _root.tooltip.createEmptyMovieClip("alt", 1 );
   _root.tooltip._visible = false;
}

Asi queda la funcion cambia:

Código ActionScript :

var cargador:MovieClipLoader = new MovieClipLoader()
function cambia(imagen) {
   _root.tooltip._x = _xmouse+8;
   _root.tooltip._y = _ymouse-18;
   _root.tooltip.onEnterFrame = function() {
      _root.tooltip._x = _xmouse+8;
      _root.tooltip._y = _ymouse-18;
   };
   cargador.loadClip(imagen, _root.tooltip.alt);
   _root.tooltip._visible = true;
}

y asi se usa:

Código ActionScript :

#include "tooltip.as"
init();
boton1.imgen = "img1.jpg";
boton2.imgen = "img2.jpg";
boton3.imgen = "img3.jpg";

boton1.onRollOver = boton2.onRollOver = boton3.onRollOver = function( Void ) 
{
   cambia(this.imagen);
};
boton1.onRollOut = boton2.onRollOut = boton3.onRollOut = function ( Void )
{
   para();
};

Hasta hay creo que tengo todo bien,
ahora meti las imagenes en biblioteca la img1.jpg la img2.jpg etc... y tambien las tengo en el directorio donde esta el swf y el .as, pero no las llama, o no me salen, esque no se si tengo que crear un clip, por medio de crear un simbolo nuevo, o si ya esta creado en el script que me pasaste, porque creo que por falta de ese movie clip no me cargan las imagenes, y tampoco sabria que nombre colocarle, supongo que imagen...

El script ya te lo modifique, ya crea los clips necesarios ya debe funcionar si lo escribiste correctamente, las imagenes las carga de archivos sitados en la misma carpeta que el swf, pero aqui tengo un error de dedo:

Código ActionScript :

boton1.imagen = "img1.jpg"; 
boton2.imagen = "img2.jpg"; 
boton3.imagen = "img3.jpg"; 

si esos ya los habia corregido, pero no se como crear los clips, y que nombre ponerles y si necesitan alguna accion, para funcionar? muchas gracaias de nuevo...

ya debe funcionar si eso lo crregiste, aver dale un trace:

Código ActionScript :

var cargador:MovieClipLoader = new MovieClipLoader() 
cargador.addListener(this);
function cambia( imagen:String ) { 
   _root.tooltip._x = _xmouse+8; 
   _root.tooltip._y = _ymouse-18; 
   _root.tooltip.onEnterFrame = function() { 
      _root.tooltip._x = _xmouse+8; 
      _root.tooltip._y = _ymouse-18; 
   }; 
   trace("cargando... " + imagen +"::"+ _root.tooltip.alt);
   cargador.loadClip(imagen, _root.tooltip.alt); 
   _root.tooltip._visible = true; 
}
function onLoadInit( target:MovieClip )
{
   trace("Cargado en " + target);
}

Dime que te sale en el panel de salida

En el panel de salida me sale esto:
con el ultimo codigo que me diste para agregar

**Error** Escena=Scene 1, capa=Layer 1, fotograma=1:Línea 8: El bloque de declaración debe finalizar con '}'
{

**Error** Escena=Scene 1, capa=Layer 1, fotograma=1:Línea 15: Error de sintaxis.

Total de errores de ActionScript: 2 Errores comunicados: 2

El nombre que le tengo a las imagenes es img1.jpg, img2.jpg, img3.jpg, pero no se en que clip cargarlas...

cual es la linea 8 y 15 del fotograma?

linea 8

function cambia() {

linea 15

_root.tooltip._x = _xmouse+8;

estas lineas del archivo .as
porque en las acciones del tooltip.fla no tiene linea 15

no habra forma de que yo te pueda enviar los archivos para que los puedas mirar.

mira mejor vamos a hacer esto, postea tal cual tienes el as y el fotograma y los reviso, los preubo en mi compu y te los reposteo corregidos porque sino nunca vamos a acabar.

ok deacuerdo
as

function init() {
_root.c = _root.getNextHighestDepth();
_root.createEmptyMovieClip("tooltip", _root.c);
_root.tooltip.createEmptyMovieClip("alt", 1 );
_root.tooltip._visible = false;
}

function cambia() {
var cargador:MovieClipLoader = new MovieClipLoader()
cargador.addListener(this);
function cambia( imagen:String ) {
_root.tooltip._x = _xmouse+8;
_root.tooltip._y = _ymouse-18;
_root.tooltip.onEnterFrame = function() {
_root.tooltip._x = _xmouse+8;
_root.tooltip._y = _ymouse-18;
};
trace("cargando... " + imagen +"::"+ _root.tooltip.alt);
cargador.loadClip(imagen, _root.tooltip.alt);
_root.tooltip._visible = true;
}
function onLoadInit( target:MovieClip )
{
trace("Cargado en " + target);
}
function para() {
delete _root.tooltip.onEnterFrame;
_root.tooltip._visible = false;
}

actiones del fotograma

#include "tooltip.as"
init();
boton1.imagen = "img1.jpg";
boton2.imagen = "img2.jpg";
boton3.imagen = "img3.jpg";

boton1.onRollOver = boton2.onRollOver = boton3.onRollOver = function( Void )
{
cambia(this.imagen);
};
boton1.onRollOut = boton2.onRollOut = boton3.onRollOut = function ( Void )
{
para();
};

Hola, no se puede declarar una funcion dentro de otra funcion, ojo, no es lo mismo que crear un clousure.

Código ActionScript :

var cargador:MovieClipLoader = new MovieClipLoader()
cargador.addListener(this);

function init( Void ) 
{
   _root.c = _root.getNextHighestDepth();
   _root.createEmptyMovieClip("tooltip", _root.c);
   _root.tooltip.createEmptyMovieClip("alt", 1 );
   _root.tooltip._visible = false;
}

function cambia( imagen:String ) 
{
   _root.tooltip._x = _xmouse+8;
   _root.tooltip._y = _ymouse-18;
   _root.tooltip.onEnterFrame = function() 
   {
      _root.tooltip._x = _xmouse+8;
      _root.tooltip._y = _ymouse-18;
   };
   trace("cargando... " + imagen +"::"+ _root.tooltip.alt);
   cargador.loadClip(imagen, _root.tooltip.alt);
   _root.tooltip._visible = true;
}

function onLoadInit( target:MovieClip )
{
   trace("Cargado en " + target);
}

function para( Void ) 
{
   delete _root.tooltip.onEnterFrame;
   _root.tooltip._visible = false;
}

Mil gracias, ese seria el .as y cual seria el del fotograma, ya estaria bien?

porque ahora cada vez que pruebo el swf, y paso el cursor por encima del boton me sale esto en el panel de salida.

cargando... ::_level0.tooltip.alt

pero nada que me funciona
disculpa tanta pregunta pero pues trato de resolverlo con tu ayuda.

Hola, mira el trace:

trace("cargando... " + imagen +"::"+ _root.tooltip.alt);

y mira lo que salio:

cargando... ::_level0.tooltip.alt

notas que falta la variable imagen, imagen esta pasando en algun lado como cadena vacia, verifica eso, tiene que aparecer el trace asi:

cargando... img1.jpg::_level0.tooltip.alt

si veo, y como haria esa variable imagen, esque ummmm, ni idea, osea a la hora de editar algun codigo me defiendo, pero de crearlo si no se nada, y donde iria?

Ok, mira postea tu codigo como lo tienes actualmente, ya antes omitiste el parametro imagen en la funcion cambia, puede que exista un problema similar.

Ps.

Código :

[as]coloca tu codigo dentro de estas etiquetas[/as]

ok tengo dos archivos, uno se llama tooltip.fla el otro se llama tooltip.as

tres imagenes ubicadas en la misma carpeta donde esta el swf y el .as que llevan como nombre , img1.jpg img2.jpg y img3.jpg


Las acciones de archivo tooltip que estan en el fotograma son:

#include "tooltip.as"
init();
boton1.imagen = "img1.jpg";
boton2.imagen = "img2.jpg";
boton3.imagen = "img3.jpg";

boton1.onRollOver = boton2.onRollOver = boton3.onRollOver = function( Void )
{
cambia(this.imagen);
};
boton1.onRollOut = boton2.onRollOut = boton3.onRollOut = function ( Void )
{
para();
};





Las acciones del archivo tooltip.as son:

var cargador:MovieClipLoader = new MovieClipLoader()
cargador.addListener(this);

function init( Void )
{
_root.c = _root.getNextHighestDepth();
_root.createEmptyMovieClip("tooltip", _root.c);
_root.tooltip.createEmptyMovieClip("alt", 1 );
_root.tooltip._visible = false;
}

function cambia( imagen:String )
{ _root.tooltip._x = _xmouse+8;
_root.tooltip._y = _ymouse-18;
_root.tooltip.onEnterFrame = function()
{
_root.tooltip._x = _xmouse+8;
_root.tooltip._y = _ymouse-18;
};
trace("cargando... " + imagen +"::"+ _root.tooltip.alt);
cargador.loadClip(imagen, _root.tooltip.alt);
_root.tooltip._visible = true;
} function onLoadInit( target:MovieClip )
{
trace("Cargado en " + target);
}

function para( Void )
{
delete _root.tooltip.onEnterFrame;
_root.tooltip._visible = false;
}

que me faltaria?

supongo que ya no nos faltaria mucho, porfa que me faltara, ayuda, que necesito hacer un tooltip con imagen en flash...

no posteaste tu codigo entre las etiquetas code como te dije

Pero bueno, no veo ningun error, tendrias que probar el codigo para ver en donde esta fallando.

Hola yo te podria enviar los archivos como los tengo, para haber si tu encuentras la falla asi... esque siento que estoy muy cerca de lograr e tooltip con imagen pero ya va mucho tiempo y nada...

Muchas gracias lo logre al fin por tu ayuda, claro lo que faltaba era en la parte de opciones de publicacion, arreglar la version de flash que no fuera menor a 8 y el action script, minimo 2.0, muchas gracias...

Si, ya se me hacia extraño que el codigo no funcionara.

Saludos.

Bravooooo!!!
Bravisimo!!

el mejor tooltip que he aprendido a hacer jamas!! (de echo es el primero)

muchisimas gracias a los dos por resolver esta incognita que tenia y gracias especiales a LongeVie
por la super paciencia que tubiste al explicar y responder a todas las dudas de leo algun dia tendre el mismo nivel de desarrollo y posteare sin perder la cabeza.....

gracias!!