# Req: Image in ToolTip help - Urgent

**URL:** <https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963>\
**Category:** Uncategorized\
**Created:** [April 9, 2006, 8:19pm UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963 "2006-04-09T20:19:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 9, 2006, 8:19pm UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/1 "2006-04-09T20:19:20Z")

</div>

Hello guys,  
I need a script or explaination or example of a image in move over tooltip.  
i have a assignment in which i have some buttons and when we mouse hover it i want to show a box appeared in which i want to show a image.

have a look to this one  
[http://www.templatemonster.com/category.php?type=13](http://www.templatemonster.com/category.php?type=13)  
here is the example in javascript/html of what i want in flash.  
put your moouse on any image you will get a box with image showing same thing i want in flash not nessecerely the same image in tooltip box.

please guys do it fast i need this tomorrow. plz plz plz

thanks in advance…

---

<div class="post-metadata">

**Author:** ![Greggeh](https://avatars.discourse-cdn.com/v4/letter/g/8baadc/32.png) [@Greggeh](https://forum.kirupa.com/u/Greggeh)\
**Post date:** [April 9, 2006, 10:42pm UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/2 "2006-04-09T22:42:17Z")

</div>

you should look at this site

[http://www.squidfingers.com/code/dhtml/tooltips/](http://www.squidfingers.com/code/dhtml/tooltips/)

look at the source code. Where he puts the tooltip text, you can simply put \<img\> tags in

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 9, 2006, 11:21pm UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/3 "2006-04-09T23:21:51Z")

</div>

thanks for help but i need this to be done in flash.

---

<div class="post-metadata">

**Author:** ![lloyd](https://avatars.discourse-cdn.com/v4/letter/l/2acd7d/32.png) [@lloyd](https://forum.kirupa.com/u/lloyd)\
**Post date:** [April 9, 2006, 11:55pm UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/4 "2006-04-09T23:55:51Z")

</div>

[http://www.kirupa.com/developer/mx/captions.htm](http://www.kirupa.com/developer/mx/captions.htm)

anyhelp?

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 4:04am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/5 "2006-04-10T04:04:33Z")

</div>

> [@lloyd](#):
>
> [kirupa.com - Displaying Hover Captions](http://www.kirupa.com/developer/mx/captions.htm)
> 
> anyhelp?

Yeh that is what i want but i want to show a image in toltip and i dont know how to do it.

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 4:09am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/6 "2006-04-10T04:09:54Z")

</div>

well just read that tutorial properly then substitute the dynamic text box with an empty mc that loads an image into it 😃

using something like

```auto

on (rollOver) {
    _root.x = 1;
    _root.caption.image_mc.LoadMovie("image.jpg");
}
on (rollOut) {
    _root.x = 0;
    _root.caption.image_mc.unloadMovie(); 
}

```

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 5:16am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/7 "2006-04-10T05:16:41Z")

</div>

hey matthewjumps,

is it working with you?? can you show me the swf file ???  
I am not able to do it… not working with me.

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 5:30am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/8 "2006-04-10T05:30:23Z")

</div>

i dont have a swf file - i just offered a suggestion 😑

post a link to your and ill see what i can do

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 5:50am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/9 "2006-04-10T05:50:21Z")

</div>

here is the url of the zip file. sorry the size was bigger so uploaded to YSI

[http://s65.yousendit.com/d.aspx?id=2U2EABBO6UXSF0YGB5FHDMQPQI](http://s65.yousendit.com/d.aspx?id=2U2EABBO6UXSF0YGB5FHDMQPQI)

okey now i attached a zip file. see there is a picture of 3 guys and i made a transparent button on each of their face. then what i want is a tooltip or box with their images and maybe few words also whenever we mouse over their faces.

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 6:02am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/10 "2006-04-10T06:02:32Z")

</div>

ok looking now

---

<div class="post-metadata">

**Author:** ![gvozden](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/gvozden/32/1084_2.png) [@gvozden](https://forum.kirupa.com/u/gvozden)\
**Post date:** [April 10, 2006, 6:15am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/11 "2006-04-10T06:15:22Z")

</div>

loading images and unloading images on rollover is not best option  
it takes some time  
preload images(or you can export them in first frame with linkage or you can put them on scene but out of view), hide them / mc.\_visible = false;  
onRollOver put \_x and \_y of mc’s on right place and unhide them  
onRollOut hide images

p.s. why the hack 800x537 image is 2mb big ??? compress it better and you would be able to share it faster

so rename button one to movieclip named guy1 and put tooltip1 image on scene somewhere out of scene or preload it

[AS]guy1.onRollOver = function() {  
tooltip1.\_visible = true;  
tooltip1.\_x = \_xmouse;  
tooltip1.\_y = \_ymouse;  
startDrag(tooltip1);  
}  
guy1.onRollOut = function() {  
tooltip1.\_visible = false;  
stopDrag();  
}[/AS]

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 6:22am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/12 "2006-04-10T06:22:30Z")

</div>

you havent done anything.

try and make that tutorial like i said, but making the caption the size to hold the image you want - then substitute the dynamic text box that the tut says to make with an empty movie clip called image\_mc that loads an image into it.

then put the 3 images you want to use into the same folder as your flash and use

```auto

on (rollOver) {
    _root.x = 1;
    _root.caption.image_mc.LoadMovie("image.jpg");
}
on (rollOut) {
    _root.x = 0;
    _root.caption.image_mc.unloadMovie();
}

```

[FONT=Courier New][COLOR=#000000] [/COLOR][/FONT]  
on the buttons instead of the code the tut says - obviusly renaming the image reference to point to the right thing.

once youve got all that set up - then if its still not working i will make it work for you. u learn by doing man 😉

[gvozden](http://www.kirupa.com/forum/member.php?u=25266) if u look at the example he posted at the top - from template monster - it loads them in. Im just trying to replicate that. if he wants a loader i can help him with that after.

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 6:23am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/13 "2006-04-10T06:23:08Z")

</div>

gvozden, can you make an example of what you are saying… just a little example. use your own images. but i need to show a image in the mouse rollover box.  
thanks a lot

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 6:34am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/14 "2006-04-10T06:34:35Z")

</div>

so u dont want the images in the captions to be loaded from an external source?

sorry my bad 😛

id still say its better to do that tut yourself and work from there - but hey ill do it for you 😃

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 6:44am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/15 "2006-04-10T06:44:50Z")

</div>

here…

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 6:49am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/16 "2006-04-10T06:49:34Z")

</div>

okey matthewjumps,

i have just done what that tutorial said… it shows a caption box but not the images i put in same folder with flash file. please check it… i changed the code also. and replaced the image names also but dont know what is the problem.

plz check it.

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 6:50am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/17 "2006-04-10T06:50:32Z")

</div>

> [@matthewjumps](#):
>
> so u dont want the images in the captions to be loaded from an external source?
> 
> sorry my bad 😛
> 
> id still say its better to do that tut yourself and work from there - but hey ill do it for you 😃

No i dont have any problem in loading images from outside also. can we do it from outside also.

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 6:52am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/18 "2006-04-10T06:52:29Z")

</div>

:huh:

i posted it for you. the fla - its post 15 - just download it and work it out…that fla has them embedded in…so you want one that loads external stuff too?

---

<div class="post-metadata">

**Author:** ![rlmEEna](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rlmEEna](https://forum.kirupa.com/u/rlmEEna)\
**Post date:** [April 10, 2006, 6:54am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/19 "2006-04-10T06:54:41Z")

</div>

> [@matthewjumps](#):
>
> here…

Wow… that is what i was looking for… can you explain it more to me… btw i have checked the fla also and its pretty nice change…

one more thing. can we do it from images outside the fla/swf file as you said it earlier. image1.jpg , image2.jpg … etc

---

<div class="post-metadata">

**Author:** ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)\
**Post date:** [April 10, 2006, 7:09am UTC](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963/20 "2006-04-10T07:09:09Z")

</div>

ok. i will make it for you. this is bad cause u dont really know how it works - but i am too lazy to explain it 😛

[Next page](https://forum.kirupa.com/t/req-image-in-tooltip-help-urgent/184963.md?page=2)