컴터/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>
<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>