<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" 
    xmlns:controls="com.arpitonline.controls.*" viewSourceURL="srcview/index.html">
    <mx:VBox width="300" height="600">
        <controls:ScrollImage source="images/calvin.jpg"
                 width="100%" height="300" id="scrollImg"/>
         <mx:Text width="100%" text="Drag the slider below to zoom in and out of the image" />
         <mx:HSlider id="slider" minimum="1" maximum="2" tickInterval=".1" liveDragging="true"  change="onChange()"/>
    </mx:VBox>
    
    <mx:Script>
        <![CDATA[
            private function onChange():void{
                scrollImg.scale = slider.value;
            }
        ]]>
    </mx:Script>
    
</mx:Application>