<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/22/loading-and-modifying-remote-images/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white" viewSourceURL="srcview/index.html">

    <mx:String id="src">
        http://www.helpexamples.com/flash/images/image1.jpg
    </mx:String>

    <mx:WipeLeft id="wipeLeft" target="{img}"  />
    <mx:WipeRight id="wipeRight" target="{img}" />
    <mx:WipeUp id="wipeUp" target="{img}" />
    <mx:WipeDown id="wipeDown" target="{img}" />

    <mx:Parallel id="parallel" target="{img}">
        <mx:WipeDown />
        <mx:Fade />
    </mx:Parallel>

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="wipe left" click="wipeLeft.play();" />
        <mx:Button label="wipe right" click="wipeRight.play();" />
        <mx:Button label="wipe up" click="wipeUp.play();" />
        <mx:Button label="wipe down" click="wipeDown.play();" />
        <mx:Button label="wipe and fade" click="parallel.play();" />
    </mx:ApplicationControlBar>

    <mx:Image id="img" source="{src}" trustContent="true" />

</mx:Application>