rendered paste body<?xml version="1.0"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ public function resizeImage():void { myLabel.text = "Scale To: " + myWidthSlider.values[0] + 'x' + myHeightSlider.values[0] + "\nFrom: " + myImage.width + "x" + myImage.height; imageResize.heightFrom = myImage.height; imageResize.widthFrom = myImage.width; imageResize.heightTo = myHeightSlider.values[0]; imageResize.widthTo = myWidthSlider.values[0]; imageResize.duration = 200 imageResize.target = myImage imageResize.play(); } public function blurImage():void { myLabel.text = "Blur To: " + myBlurWidthSlider.values[0] + "x" + myBlurHeightSlider.values[0] myLabel.text = myLabel.text + "\nFrom: " + imageBlur.blurXFrom + "x" + imageBlur.blurYFrom; imageBlur.blurXFrom = imageBlur.blurXTo; imageBlur.blurYFrom = imageBlur.blurYTo; imageBlur.blurXTo = myBlurWidthSlider.values[0]; imageBlur.blurYTo = myBlurHeightSlider.values[0]; imageBlur.duration = 200 imageBlur.target = myImage; imageBlur.play(); } ]]> </mx:Script> <mx:Style> .foo { background: Red } /* class selector */ </mx:Style> <mx:Resize id="imageResize" hideChildrenTargets="" /> <mx:Blur id="imageBlur" blurXFrom="1" blurYFrom="1" /> <mx:Grid> <mx:GridRow width="100%" height="100%"> <mx:GridItem width="100%" height="100%" horizontalAlign="right"> <mx:VSlider id="myBlurHeightSlider" change="blurImage();" value="0" snapInterval="1" minimum="0" maximum="300" height="300" dataTipPlacement=" bottom" invertThumbDirection="true"/> </mx:GridItem> <mx:GridItem width="100%" height="100%" horizontalAlign="right"> <mx:VSlider id="myHeightSlider" change="resizeImage();" value="100" snapInterval="1" minimum="1" maximum="300" height="300" dataTipPlacement=" bottom" invertThumbDirection="true"/> </mx:GridItem> <mx:GridItem width="300" height="300" horizontalAlign="left" verticalAlign="bottom"> <mx:Image maintainAspectRatio="false" source="http://art0rz.ath.cx/flex/foobar/pic.jpg" id="myImage" scaleContent="true" autoLoad="true" width="100" height="100"/> </mx:GridItem> </mx:GridRow> <mx:GridRow width="100%" height="100%"> <mx:GridItem width="100%" height="100%" horizontalAlign="right"> </mx:GridItem> <mx:GridItem width="40" height="35" horizontalAlign="center" verticalAlign="middle"> <mx:Label text="Scale"/> </mx:GridItem> <mx:GridItem width="100%" height="100%"> <mx:HSlider change="resizeImage();" id="myWidthSlider" value="100" snapInterval="1" minimum="1" maximum="300" width="300"/> </mx:GridItem> </mx:GridRow> <mx:GridRow> <mx:GridItem width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"> <mx:Label text="Blur"/> </mx:GridItem> <mx:GridItem> </mx:GridItem> <mx:GridItem width="100%" height="100%"> <mx:HSlider change="blurImage();" id="myBlurWidthSlider" value="0" snapInterval="1" minimum="0" maximum="300" width="300"/> </mx:GridItem> </mx:GridRow> </mx:Grid> <mx:Label id="myLabel" text="XxY" styleName="foo" height="44" width="224"/></mx:Application>