Hi Please see the sample code.
In the sample, i am playing two effects. One effect start one other finishes and vice versa. When i click on stop, i am expecting that both effect should stop but it does not work that way. Am i missing some thing?? <?xml version="1.0" encoding="utf-8"?> <!-- Simple exemplo to demonstrate the Glow effect. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; creationComplete="init()"> <mx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.EffectEvent; var array:Array = new Array(); public function init():void { glowImage.addEventListener(EffectEvent.EFFECT_END,playUnGlow); unglowImage.addEventListener(EffectEvent.EFFECT_END,playGlow); array.push(sampleText); playGlow(null); } public function playGlow(event:Event):void { glowImage.play(array); } public function playUnGlow(event:Event):void { unglowImage.play(array); } public function onStartClick():void { glowImage.play(); unglowImage.play(); } public function onStopClick():void { glowImage.stop(); unglowImage.stop(); } ]]> </mx:Script> <mx:Glow id="glowImage" duration="1000" alphaFrom="1.0" alphaTo="0.3" target="" blurXFrom="0.0" blurXTo="50.0" blurYFrom="0.0" blurYTo="50.0" color="0x00FF00"/> <mx:Glow id="unglowImage" duration="1000" alphaFrom="0.3" alphaTo="1.0" blurXFrom="50.0" blurXTo="0.0" blurYFrom="50.0" blurYTo="0.0" color="0x0000FF"/> <mx:Panel title="Glow Effect Example" width="75%" height="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:Text width="100%" color="blue" id="sampleText" text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/> <mx:Button label="Start" click="onStartClick()"/> <mx:Button label="Stop" click="onStopClick()"/> </mx:Panel> </mx:Application> Thanks ilikeflex
