컴터/Flash & Flex

롤오버시 이미지 커지게.. 롤아웃시 이미지 원상태로

우렁씨 2008. 5. 4. 15:39
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
 <mx:Script>
  <![CDATA[
   import flash.events.MouseEvent;
   
   public function doZoom(event:MouseEvent):void{
    if(zoomAll.isPlaying){
     zoomAll.reverse(); //뒤로 돌리기
    }else{
     zoomAll.play([event.target],
         event.type==MouseEvent.ROLL_OUT ? true:false); ///true 일땐 play, false 일땐 reverse
    }
   }  
  ]]>
 </mx:Script>
 
 <mx:Zoom id="zoomAll" zoomWidthTo="2" zoomHeightTo="2" zoomWidthFrom="0.5" zoomHeightFrom="0.5" />
 
 <mx:Panel title="Roll Over out Effect Example" percentWidth="50" percentHeight="50" horizontalAlign="center"
 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
  <mx:Image id="img" source="@Embed(source='b.gif')" scaleX="0.5" scaleY="0.5"
  rollOver="doZoom(event)" rollOut="doZoom(event)" />
 </mx:Panel>
</mx:Application>