I am currently working on adobe flex 3.0. I have a requirement to make an image tooltip component. The requirements are as follows:

1)I have an image in my application(low resoultion one), say URL1.
2) when i mouse over it it should blow the same image in high resoultion, say URL2(i have both URL1 and URL2 with me) as a tooltip in a clear visible size,(say 300 X 300).
3) when i move my mouse out of it., i need the blow up to be closed

can any1 help me in doing this..

Thanks in advance.

Venkatesan M

In the end I created a bit of a Frankenstein’s monster by triggered an image popUp function using ‘toolTipCreate’. It wasn’t exactly what I had in mind, but it gave the rollover/image popup feel.

My images paths are being loaded via XML (as the images themselves are always changing), so I used ‘event.target.source’ to load the correct images from the thumbnails.

If you get it to work please email me!

Thanks for your help,

Mike

————————-
Code Below:

private function imagePopUp(event:Event):void {
var img:Image = new Image();
var imageString:String = event.target.source;
img.addEventListener(MouseEvent.CLICK, img_click);
img.addEventListener(Event.COMPLETE, img_complete);
img.load(imageString);
PopUpManager.addPopUp(img, this, true);
}

private function img_complete(event:Event):void {
var img:Image = event.currentTarget as Image;
img.width = img.contentWidth;
img.height = img.contentHeight;
img.buttonMode = true;
img.useHandCursor = true;
img.toolTip = “Click image to close”
PopUpManager.centerPopUp(img);
}

private function img_click(event:MouseEvent):void {
var img:Image = event.currentTarget as Image;
PopUpManager.removePopUp(img);
}

I have actually taken a lok at that one too, and yeah I se how the component doesn’t take into account the ToolTipManager properties.

I’ll keep working on it,

Thanks

However, the component that I created does not account for these properties. It relies on the framework for the positioning.