Making image pop out upon mouseover

[sankar_bhatta]

hi,

i have used below code for displying images in horizontallist

<mx:HorizontalList id="myList" dataProvider="{imgs}"

columnCount="

{imgs.length}" itemClick="getImageData()" itemRenderer="Thumbnail" >

</mx:HorizontalList>

imgs is an array collection with columns product_id and image_url

the thumbnail MXML componet has below code

<?xml version="1.0" encoding="utf-8"?>

<mx:VBox

xmlns:mx="http://www.adobe.com/2006/mxml"

horizontalAlign="

center"

verticalGap="

0" borderStyle="none" backgroundColor="white" >

<mx:Image id="image" width="60" height="60" source="{data.IMAGE_URL}" />

<mx:Label text="{data.PRODUCT_ID}" width="120" textAlign="center"/>

</mx:VBox>

i am able to disply the images along with their product ids and also "itemclick" event is getting triggered succefully.

what i want to do now is, when i move my mouse over an image it has to zoomin ( pop out) and when i move my mosue away it has to go back to its normal size. how do i do that?

thanks

[sankar_bhatta]

i have found out my way out of this issue.