Como carregar imagens dinamicamente em um componente <mx:Image> ao clicar em um botão

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<?xml version="1.0" encoding="iso-8859-1"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

  <mx:Script>
    <![CDATA[
     [Bindable]
     private var imagem:String = "imagens/img1.jpg";

     private function exibirImagem(qual:String):void{
       imagem = qual;
     }    
    ]]>
  </mx:Script>

  <mx:Panel id="painel" title="Carregando imagens dinamicamente" 
    height="80%" width="80%" horizontalAlign="center"
    verticalAlign="center" paddingTop="10" paddingLeft="10">

  <mx:Button label="Imagem 1" 
    click="exibirImagem('imagens/img2.jpg')" />
  <mx:Button label="Imagem 2" 
    click="exibirImagem('imagens/img3.jpg')" />  

  <mx:Image source="{imagem}"/>

  </mx:Panel>

</mx:Application>