1 Reply Latest reply on Dec 30, 2010 2:08 AM by sankar_bhatta

    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