<?xml version="1.0"?>
<!-- Simple example to demonstrate the VSlider control -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

    <mx:Script>
        <![CDATA[
          
          var lastvalue=0;
          var temp;
          
          function changeSize()
	  {
	     temp=slide.value;
	     temp= slide.value-lastvalue;
	     flex.width+=temp;
	     flex.height+=temp;
	     lastvalue=slide.value;
	  }
    ]]> 
    
    </mx:Script>

    <mx:HBox>

        <mx:Panel id="panel" title="Image VSlider Panel">

            <mx:HBox>
                <mx:Image id="flex" source="@Embed('Flex.png')"/>
            </mx:HBox>

        </mx:Panel>

        <!-- Simple Horizontal Slider control which changes the size of the Images-->
        <mx:VSlider id="slide" toolTipPlacement="right" snapInterval="1" change="changeSize()" allowTrackClick="true" maximum="100"
            minimum="0"/>

    </mx:HBox>

</mx:Application>