<?xml version="1.0" encoding="utf-8"?>
<mx:Application layout="absolute"
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:effects="sho.effects.*" 
    viewSourceURL="srcview/index.html">
    
    <effects:Explode id="explode1" duration="500" targets="{[image1, button1]}" />
    <effects:Explode id="explode2" duration="500" targets="{[image2, button2]}" />
    <effects:Explode id="explode3" duration="500" targets="{[image3, button3]}" />

    <mx:Image id="image1" source="assets/asparagus.jpg" horizontalCenter="-275" verticalCenter="-70"/>
    <mx:Image id="image2" source="assets/tomato.jpg" horizontalCenter="3" verticalCenter="-70"/>
    <mx:Image id="image3" source="assets/cucumber.jpg" horizontalCenter="279" verticalCenter="-70"/>

    <mx:Button id="button1" label="explode" width="125" height="112" horizontalCenter="-279" verticalCenter="122" click="explode1.play()"/>
    <mx:Button id="button2" label="explode" width="125" height="112" horizontalCenter="0" verticalCenter="122" click="explode2.play()"/>
    <mx:Button id="button3" label="explode" width="125" height="112" horizontalCenter="284" verticalCenter="122" click="explode3.play()"/>
    
</mx:Application>