图片旋转移动的效果

 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    xmlns:s="library://ns.adobe.com/flex/spark"    xmlns:mx="library://ns.adobe.com/flex/mx"   xmlns:filters="org.gonta.filters.*"   creationComplete="init();inverted();inverted2();getDesc();" height="317" width="529"    > <fx:Script> <![CDATA[ //import flash.external.ExternalInterface; import mx.collections.ArrayCollection; import mx.containers.VBox; import mx.controls.Alert; import mx.events.EffectEvent; import org.gonta.filters.WetFloorFilter; import test.Model; private var t:Timer = new Timer(10); [Embed(source="img/loading.png")] private var _loading:Class; [Bindable]private var LclickCount:Number = 0; [Bindable]private var RclickCount:Number = 0; [Bindable]private var clickToLeftNumber:Number = 0; [Bindable]private var clickToRightNumber:Number=0; [Bindable]private var durationValue:Number = 300; private var frontArray:ArrayCollection = new ArrayCollection(); private var backArray:ArrayCollection = new ArrayCollection(); [Embed(source="img/right.png")] private var _right:Class; [Embed(source="img/left.png")] private var _left:Class; [Embed(source="img/在线投注.jpg")] private var _bet:Class; [Embed(source="img/免费试玩.jpg")] private var _play:Class; [Embed(source="img/底图.jpg")] private var _backgrand:Class; [Embed(source="img/change_left.png")] private var _bkleft:Class; [Embed(source="img/change_right.png")] private var _bkright:Class; //t0.png;t2.png;t3.png;t4.png;t7.jpg; [Embed(source="img/1.jpg")] private var _t0:Class; [Embed(source="img/2.jpg")] private var _t2:Class; [Embed(source="img/3.jpg")] private var _t3:Class; [Embed(source="img/4.jpg")] private var _t4:Class; [Embed(source="img/5.jpg")] private var _t7:Class; private function bet():void{ var pict:Image=frontPanel.getElementAt(1) as Image; var str:String=pict.source.toString() var arry:Array=str.split("="); var gCode:int=arry[1]; ExternalInterface.call("betting",gCode,1); } private function getDesc():void{ var pict:Image=frontPanel.getElementAt(1) as Image; if(pict.id=="test1"){ desc.text="　当你最困难的时候就是离成功不远的时候，如果你遇到困难就后退，那就算成功已到彼岸，它也会与你无缘。"; } else if(pict.id=="test2"){ desc.text="　不管从什么时候开始，重要的是开始以后不要停止;不管在什么时候结束，重要的是结束以后不要后悔。"; } else if(pict.id=="test3"){ desc.text="勇敢地追寻自己的幸福，是向日葵的花语"; } else if(pict.id=="test4"){ desc.text="爱一个人就是在拔通电话时，忽然不知道说什么好，原来只是想听听那熟悉的声音，原来真正想拔通的只是自已心底的一根弦。"; } else if(pict.id=="test5"){ desc.text="人是可以快乐地生活的，只是我们自己选择了复杂，选择了叹息!"; } else{ desc.text="勇敢地追寻自己的幸福，是向日葵的花语" } } private function play():void{ var pict:Image=frontPanel.getElementAt(1) as Image; var str:String=pict.source.toString() var arry:Array=str.split("="); var gCode:int=arry[1]; //ExternalInterface.call("betting",gCode,0); } private function init():void{ var p:PerspectiveProjection = new PerspectiveProjection(); p.projectionCenter = new Point(int(frontPanel.width/2),int(frontPanel.height/2)); //视角点，狠重要，也就是说你眼睛的点。 frontArray.addItem(test1); frontArray.addItem(test2); frontArray.addItem(test3); backArray.addItem(test4); backArray.addItem(test5); test1.transform.perspectiveProjection = p; test2.transform.perspectiveProjection = p; test3.transform.perspectiveProjection = p; test4.transform.perspectiveProjection=p; test5.transform.perspectiveProjection=p; initMove.play(); toRightMove.addEventListener(EffectEvent.EFFECT_END,function():void{ //inverted(); inverted2(); desc.visible=true; }); RtoLeftMove.addEventListener(EffectEvent.EFFECT_END,function():void{ //inverted(); inverted2(); desc.visible=true; }); toRightFastMove.addEventListener(EffectEvent.EFFECT_END,function():void{ //inverted(); inverted2(); }); RtoLeftFastMove.addEventListener(EffectEvent.EFFECT_END,function():void{ //inverted(); inverted2(); }); t.addEventListener(TimerEvent.TIMER,function():void{ if(clickToLeftNumber>0){ if(!isPalying()){ if(clickToLeftNumber==1){ runToLeft(); }else if(clickToLeftNumber==2){ durationValue = 700; runFastToLeft(); }else if(clickToLeftNumber==3){ durationValue = 500; runFastToLeft(); }else if(clickToLeftNumber==4){ durationValue = 300; runFastToLeft(); }else{ durationValue = 200; runFastToLeft(); } clickToLeftNumber--; } } //以下为反向转的判断 else{ if(clickToRightNumber>0){ if(!isPalying()){ if(clickToRightNumber==1){ runToRight(); }else if(clickToRightNumber==2){ durationValue = 700; runFastToRight(); }else if(clickToRightNumber==3){ durationValue = 500; runFastToRight(); }else if(clickToRightNumber==4){ durationValue = 300; runFastToRight(); }else{ durationValue = 200; runFastToRight(); } clickToRightNumber--; } } }} ); t.start(); trace("初始化时左边图片的X值为："+frontPanel.getElementAt(0).x); trace("初始化时中间图片的X值为："+frontPanel.getElementAt(1).x); trace("初始化时右面图片的X值为："+frontPanel.getElementAt(2).x); trace("************"); } //调节图片倒影 private function inverted():void{ var im1:Image=frontPanel.getElementAt(0) as Image; var fil1:WetFloorFilter=new WetFloorFilter(); fil1.y=im1.height; fil1.height=int(im1.height/3); im1.filters=new Array(fil1); // trace("*******第0个元素的图片******"+im1+"\ty:"+fil1.y+"\theigth:"+fil1.height); var im3:Image=frontPanel.getElementAt(2) as Image; var fil3:WetFloorFilter=new WetFloorFilter(); fil3.y=im3.height; fil3.height=int(im3.height/3); im3.filters=new Array(fil3); //trace("*******第2个元素的图片******"+im3+"\ty:"+fil3.y+"\theigth:"+fil3.height); for(var i:int=0;i<backPanel.getChildren().length;i++){ var ima:Image = backPanel.getChildAt(i) as Image; var filvar:WetFloorFilter=new WetFloorFilter(); filvar.alpha=0.4; filvar.height=50; filvar.y=70; ima.filters=new Array(filvar); } } private function inverted2():void{ var im2:Image=frontPanel.getElementAt(1) as Image; var fil2:WetFloorFilter=new WetFloorFilter(); //fil2.y=im2.height*1.5; //fil2.height=int(im2.height/3); fil2.y=im2.height*1.5; fil2.height=int(im2.height/3); im2.filters=new Array(fil2); //trace("*******第1个元素的图片******"+im2+"\ty:"+fil2.y+"\theigth:"+fil2.height); } private function click():void{ desc.visible=false; clickToLeftNumber++; LclickCount++; //RclickCount=0; //middlestep.xBy=-172.5; } //向右转 private function click1():void{ desc.visible=false; RclickCount++; clickToRightNumber++; //LclickCount=0; //Rmiddlestep.xBy=180; } private function runToLeft():void{ if(LclickCount==2){ leftstep.xBy=-190; }else{ leftstep.xBy=-180; } //else if(LclickCount==2){ // middlestep.xBy=-160; //} //else{ // middlestep.xBy=-172.5; //} trace(middlestep.xBy); var backIndex:int = backArray.length-1; backArray.removeItemAt(backIndex); var backObj:Image = backPanel.getElementAt(backIndex) as Image; backObj.width = 150; backObj.height = 100; backObj.x = 377; backObj.y = 50; //trace(backObj); backPanel.removeElement(backObj); resetMove.play(new Array(frontPanel.getElementAt(0))); //trace(frontPanel.getElementAt(0)); var frontObj:Image = frontPanel.getElementAt(0) as Image; //trace(frontObj); frontPanel.removeElement(frontObj); frontArray.removeItemAt(0); //trace(frontPanel.getElementAt(0)); frontPanel.addElementAt(backObj,2); frontArray.addItemAt(backObj,2); toLeftMove.play(new Array(frontPanel.getElementAt(0))); toMiddleMove.play(new Array(frontPanel.getElementAt(1))); toRightMove.play(new Array(frontPanel.getElementAt(2))); this.inverted(); //backPanel.get //trace(backArray.length); var backArr:Array = new Array(); for(var i:int=0;i<backArray.length;i++){ //backArray.getItemAt(i).width = 100; backArr.push(backArray.getItemAt(i)) } backMove.play(backArr); frontObj.y=80; frontObj.x=64.5; frontObj.width = 100; backPanel.addElementAt(frontObj,0); backArray.addItemAt(frontObj,0); //trace("右移时左面图片的X值："+frontPanel.getElementAt(0).x+"\tstep:"+leftstep.xBy+"\t"+leftstep.xFrom+"\t"+leftstep.xTo); trace("右移时中间图片的X值："+frontPanel.getElementAt(1).x+"\tstep:"+middlestep.xBy); trace("右移时右面图片的X值："+frontPanel.getElementAt(2).x+"\tstep:"+rightstep.xBy); trace("************************************************"); this.getDesc(); } private function runFastToLeft():void{ var backIndex:int = backArray.length-1; backArray.removeItemAt(backIndex); var backObj:Image = backPanel.getElementAt(backIndex) as Image; backObj.width = 150; backObj.x = 377; backObj.y = 50; backPanel.removeElement(backObj); resetFastMove.play(new Array(frontPanel.getElementAt(0))); var frontObj:Image = frontPanel.getElementAt(0) as Image; frontPanel.removeElement(frontObj); frontArray.removeItemAt(0); toLeftFastMove.play(new Array(frontPanel.getElementAt(0))); toMiddleFastMove.play(new Array(frontPanel.getElementAt(1))); frontPanel.addElementAt(backObj,2); frontArray.addItemAt(backObj,2); toRightFastMove.play(new Array(backObj)); this.inverted(); this.getDesc(); var backArr:Array = new Array(); for(var i:int=0;i<backArray.length;i++){ backArr.push(backArray.getItemAt(i)) } backFastMove.play(backArr); frontObj.y=80; frontObj.x=64.5; frontObj.width = 100; backPanel.addElementAt(frontObj,0); backArray.addItemAt(frontObj,0); } //向后转用的 private function runToRight():void{ if(RclickCount==1){ Rmiddlestep.xBy=190; }else{ Rmiddlestep.xBy=180 } trace(Rmiddlestep.xBy); var backIndex:int = 0; backArray.removeItemAt(backIndex); var backObj:Image = backPanel.getElementAt(backIndex) as Image; backObj.width = 150; backObj.height = 100; backObj.x = 10; backObj.y = 50; backPanel.removeElement(backObj); //restMove是向后移走的 RresetMove.play(new Array(frontPanel.getElementAt(2))); var frontObj:Image = frontPanel.getElementAt(2) as Image; frontPanel.removeElement(frontObj); frontArray.removeItemAt(2); RtoRightMove.play(new Array(frontPanel.getElementAt(1))); RtoMiddleMove.play(new Array(frontPanel.getElementAt(0))); frontPanel.addElementAt(backObj,0); frontArray.addItemAt(backObj,0); RtoLeftMove.play(new Array(frontPanel.getElementAt(0))); this.inverted(); this.getDesc(); var backArr:Array= new Array(); for(var i:int=0;i<backArray.length;i++){ backArr.push(backArray.getItemAt(i)) } RbackMove.play(backArr); frontObj.y=80; frontObj.x=364.5; frontObj.width = 100; backPanel.addElementAt(frontObj,backArray.length); backArray.addItemAt(frontObj,backArray.length); trace("左移时中间图片的X值："+frontPanel.getElementAt(1).x+"\tstep:"+middlestep.xBy); trace("左移时右面图片的X值："+frontPanel.getElementAt(2).x+"\tstep:"+rightstep); trace("************************************************") } private function runFastToRight():void{ var backIndex:int = 0; backArray.removeItemAt(backIndex); var backObj:Image = backPanel.getElementAt(backIndex) as Image; backObj.width = 150; backObj.x = 10; backObj.y = 50; backPanel.removeElement(backObj); RresetFastMove.play(new Array(frontPanel.getElementAt(2))); var frontObj:Image = frontPanel.getElementAt(2) as Image; frontPanel.removeElement(frontObj); frontArray.removeItemAt(2); RtoRightFastMove.play(new Array(frontPanel.getElementAt(1))); RtoMiddleFastMove.play(new Array(frontPanel.getElementAt(0))); frontPanel.addElementAt(backObj,0); frontArray.addItemAt(backObj,0); RtoLeftFastMove.play(new Array(frontPanel.getElementAt(0))); this.inverted(); this.getDesc(); var backArr:Array= new Array(); for(var i:int=0;i<backArray.length;i++){ backArr.push(backArray.getItemAt(i)) } RbackFastMove.play(backArr); frontObj.y=80; frontObj.x=364.5; frontObj.width = 100; backPanel.addElementAt(frontObj,backArray.length); backArray.addItemAt(frontObj,backArray.length); //trace("左移时左面图片的X值："+frontPanel.getElementAt(0).x+"\tstep:"+leftstep); trace("快速左移时中间图片的X值："+frontPanel.getElementAt(1).x+"\tstep:"+middlestep); trace("快速左移时右面图片的X值："+frontPanel.getElementAt(2).x+"\tstep:"+rightstep); trace("**************************************"); } private function isPalying():Boolean{ if(initMove.isPlaying||resetMove.isPlaying||toLeftMove.isPlaying||toMiddleMove.isPlaying||toRightMove.isPlaying||backMove.isPlaying|| resetFastMove.isPlaying||toLeftFastMove.isPlaying||toMiddleFastMove.isPlaying||toRightFastMove.isPlaying||backFastMove.isPlaying|| RtoLeftMove.isPlaying||RtoMiddleMove.isPlaying||RtoRightMove.isPlaying||RtoLeftFastMove.isPlaying||RtoMiddleFastMove.isPlaying|| RtoRightFastMove.isPlaying ){ return true; }else{ return false; } } ]]> </fx:Script> <fx:Declarations> <!--<mx:Rotate id="rotate" angleFrom="0" repeatCount="10000" duration="2000" angleTo="360" target="{img}" />--> <mx:Parallel id="initMove" > <s:Rotate3D angleYTo="-45" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" target="{test1}" /> <s:Rotate3D angleYTo="45" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="150" target="{test3}"/> <mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="0" target="{test2}"/> </mx:Parallel> <mx:Parallel id="resetMove" > <s:Rotate3D angleYTo="-45" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> <s:Rotate3D angleYFrom="-45" angleYTo="55" duration="1000" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> <s:Rotate3D angleYTo="0" startDelay="1000" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000"  /> </mx:Parallel> <mx:Parallel id="toLeftMove" > <s:Rotate3D angleYFrom="0" angleYTo="-55" duration="500" autoCenterTransform="true" autoCenterProjection="true" /> <s:Rotate3D angleYFrom="-55" angleYTo="-45" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" /> <!--<s:Move xBy="-180" duration="1000" />--> <s:Move id="leftstep" xBy="-180" duration="1000" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000"  /> </mx:Parallel> <mx:Parallel id="toMiddleMove" > <s:Rotate3D angleYFrom="0" angleYTo="-70" duration="500" autoCenterTransform="true" autoCenterProjection="true" /> <s:Rotate3D angleYFrom="-70" angleYTo="0" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" /> <!--<s:Move xBy="-168" duration="1000" /> 172.5--> <s:Move id="middlestep"  xBy="-172.5" duration="1000" /> <mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="1000" /> </mx:Parallel> <mx:Parallel id="toRightMove"> <s:Rotate3D angleYTo="-55" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="150" /> <s:Rotate3D angleYFrom="-55" angleYTo="45" duration="1000" autoCenterTransform="false"  autoCenterProjection="true" transformX="150" /> <!--<s:Move xBy="-10" duration="1000" /> 15--> <s:Move id="rightstep" xBy="-1" duration="1000" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" /> </mx:Parallel> <s:Move id="backMove" xBy="300" duration="1000" /> <!--向右转开始--> <mx:Parallel id="RresetMove" > <s:Rotate3D angleYTo="-45" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> <s:Rotate3D angleYFrom="-45" angleYTo="55" duration="1000" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> <s:Rotate3D angleYTo="0" startDelay="1000" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000"  /> </mx:Parallel> <mx:Parallel id="RtoLeftMove" > <s:Rotate3D angleYTo="-65"  duration="0" autoCenterTransform="true" autoCenterProjection="true" transformX="0"/> <s:Rotate3D angleYFrom="-65" angleYTo="-45" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" transformX="0"/> <s:Move id="Rleftstep" xBy="5" duration="1000" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000"  /> </mx:Parallel> <mx:Parallel id="RtoMiddleMove" > <s:Rotate3D angleYFrom="-45" angleYTo="50" duration="500" autoCenterTransform="true" autoCenterProjection="true" /> <s:Rotate3D angleYFrom="50" angleYTo="0" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" /> <!--<s:Move id="Rmiddlestep" xBy="180" duration="1000" />--> <s:Move id="Rmiddlestep" xBy="180" duration="1000" /> <mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="1000" /> </mx:Parallel> <mx:Parallel id="RtoRightMove" > <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" /> <s:Rotate3D angleYFrom="0" angleYTo="35" duration="500" autoCenterTransform="false"  autoCenterProjection="true" transformX="100" /> <s:Rotate3D angleYFrom="35" angleYTo="45" duration="1000" autoCenterTransform="false"  autoCenterProjection="true" transformX="100" /> <!-- <s:Move id="Rrightstep" xBy="160.2" yBy="25" duration="1000" />--> <s:Move id="Rrightstep" xBy="160.2" yBy="25" duration="1000" /> </mx:Parallel> <s:Move id="RbackMove" xBy="-300" duration="1000" /> <!--dddddddddddddddddddddddddd--> <mx:Parallel id="RresetFastMove" > <s:Rotate3D angleYTo="0" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> </mx:Parallel> <mx:Parallel id="RtoLeftFastMove" > <s:Rotate3D angleYTo="20" duration="{durationValue}" autoCenterTransform="true" autoCenterProjection="true" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}"  /> </mx:Parallel> <mx:Parallel id="RtoMiddleFastMove" > <s:Rotate3D angleYFrom="0" angleYTo="30" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" /> <s:Rotate3D angleYFrom="30" angleYTo="0" startDelay="{durationValue/2}" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" /> <s:Move id="RFmiddlestep" xBy="182.5" duration="{durationValue}"/> <mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="{durationValue}" /> </mx:Parallel> <mx:Parallel id="RtoRightFastMove" > <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}" /> <s:Rotate3D angleYTo="-30" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="184" /> <s:Rotate3D angleYFrom="-30" angleYTo="45" duration="{durationValue}" autoCenterTransform="false"  autoCenterProjection="true" transformX="184" /> <!-- <s:Move xBy="130" yBy="25" duration="{durationValue}" /> 165--> <s:Move id="RFrightstep" xBy="168" yBy="27" duration="{durationValue}" /> </mx:Parallel> <s:Move id="RbackFastMove" xBy="-290" duration="{durationValue}" /> <!--向右转结束--> <mx:Parallel id="resetFastMove" > <s:Rotate3D angleYTo="0" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="0" /> </mx:Parallel> <mx:Parallel id="toLeftFastMove" > <s:Rotate3D angleYTo="20" duration="{durationValue}" autoCenterTransform="true" autoCenterProjection="true" /> <s:Move xBy="-197" duration="{durationValue}" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}"  /> </mx:Parallel> <mx:Parallel id="toMiddleFastMove" > <s:Rotate3D angleYFrom="0" angleYTo="-30" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" /> <s:Rotate3D angleYFrom="-30" angleYTo="0" startDelay="{durationValue/2}" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" /> <s:Move xBy="-180" duration="{durationValue}" /> <mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="{durationValue}" /> </mx:Parallel> <mx:Parallel id="toRightFastMove" > <s:Rotate3D angleYTo="-55" duration="0" autoCenterTransform="false"  autoCenterProjection="true" transformX="184" /> <s:Rotate3D angleYFrom="-55" angleYTo="-15" duration="{durationValue}" autoCenterTransform="false"  autoCenterProjection="true" transformX="184" /> <mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}" /> </mx:Parallel> <s:Move id="backFastMove" xBy="300" duration="{durationValue}" /> </fx:Declarations> <s:BorderContainer backgroundImage="{_backgrand}"   backgroundImageFillMode="scale"   width="100%"   borderVisible="false" >  <mx:Canvas  id="backPanel"  width="100%" height="100%" alpha="0.6" horizontalCenter="0" verticalCenter="0" visible="true" horizontalScrollPolicy="off" verticalScrollPolicy="off"><!-- --> <mx:Image id="test4"  x="64.5" y="70"  width="150" height="100" source="{_t0}"> <mx:filters> <filters:WetFloorFilter alpha="0.4" height="50" y="50"> </filters:WetFloorFilter> </mx:filters> </mx:Image> <mx:Image id="test5"  x="364.5" y="70" width="150" height="100"  source="{_t2}"> <mx:filters> <filters:WetFloorFilter alpha="0.4" height="50" y="50"> </filters:WetFloorFilter> </mx:filters> </mx:Image> </mx:Canvas> <mx:Canvas id="frontPanel" backgroundAlpha="0.0"     visible="true" height="317" width="529" horizontalScrollPolicy="off" verticalScrollPolicy="off" x="-4" y="3"> <mx:Image id="test1"  x="10" y="50"  width="150" height="100"  source="{_t3}"> </mx:Image> <mx:Image id="test2"  x="202" y="50" width="150" height="100"  source="{_t4}"> </mx:Image> <mx:Image id="test3"  x="385" y="50"  width="150" height="100"  source="{_t7}"> </mx:Image> </mx:Canvas> </s:BorderContainer> <s:Label id="desc"  x="150" y="182"  width="232" height="77" color="#7E7C7C" fontWeight="bold" fontSize="13" fontFamily="Arial" visible="false"/> <mx:Image source="{_bkright}" top="0" bottom="0" right="5" width="75"/> <mx:Image width="81" source="{_bkleft}" top="0" bottom="0" left="2"/> <mx:Image x="468" y="90" source="{_right}" click="click1()" buttonMode="true" mouseChildren="true" useHandCursor="true"/> <mx:Image x="10" y="90" source="{_left}" click="click()" buttonMode="true" mouseChildren="true" useHandCursor="true"/> <!-- <mx:Image source="{_bet}" click="bet()" width="200" height="35" horizontalCenter="29" bottom="2"/> <mx:Image source="{_play}" click="play()" bottom="2" horizontalCenter="139"/> --> <mx:VRule x="524" y="0" height="317"/> </s:Application>