NO ABRIR HASTA CARGAR TODO

tengo una galeria de fotos y lo que quiero hacer es que se active la galeria ni bien se carguen todas las fotos, lo que tengo yo es mientras le haces click se descargan. estaria interesante meter un LOADING... desde ya muchas gracias dejo codigo

Código :

<?xml version="1.0"?>
<mx:Canvas label="Fotos" xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%"  creationComplete="conf.send()">
<mx:HTTPService id="conf" url="config.xml" useProxy="false" result="httpResult(event)"/>
<mx:Parallel id="efecto" target="{imago}">
<mx:Blur id="desenfoque" blurXFrom="0" blurXTo="0" blurYFrom="50" blurYTo="0"/>
<mx:Fade id="entrar" target="{imago}" alphaFrom="0" alphaTo="1" duration="700"/>
</mx:Parallel>
<mx:Script>
         <![CDATA[
             import mx.rpc.events.ResultEvent;
          import mx.controls.Alert;
          import mx.effects.Fade;
          import mx.effects.easing.Bounce;
          
          private var desvanecer:Fade = new Fade();
             
          private function httpResult(event:ResultEvent):void
          {
            gals.selectedIndex = 0;
            dg.selectedIndex = 0;
          }
          private function prueba():void
          {
            dg.selectedIndex = 0;
            
          }
         ]]>
     </mx:Script>
   <mx:Panel title="{conf.lastResult.encabezado}" top="10" left="20" right="20" width="500" height="400" layout="absolute" horizontalAlign="center">
      <mx:Image id="imago" dataChange="efecto.end();efecto.play();" data="{gals.selectedItem.carpeta}/{dg.selectedItem.fuente}" horizontalAlign="center" left="0" right="329" top="10" bottom="30"/>
      <mx:TextArea id="ta" text="{dg.selectedItem.describe}" textAlign="left" height="100" right="23" left="663" top="22" />
      <mx:DataGrid id="gals" itemClick="prueba()" dataProvider="{conf.lastResult.galerias.galeria}" height="70" top="130" left="663" right="23">
         <mx:columns>
            <mx:DataGridColumn headerText="{conf.lastResult.galerias.titulo}" dataField="titulo"/>
         </mx:columns>
      </mx:DataGrid>
      
      <mx:DataGrid id="dg" dataProvider="{gals.selectedItem.imagen}" height="120" top="208" left="663" right="23">
         <mx:columns>
            <mx:DataGridColumn headerText="{gals.selectedItem.titulo}" dataField="titulo"/>
         </mx:columns>
      </mx:DataGrid>
   </mx:Panel>
</mx:Canvas>

Puedes usar un componente swfLoader con un progress bar como itemRenderer si quieres que cada foto informe de su carga. Si quieres que se muestre cuando todo se cargue (pool de carga), entonces cada componente tiene que informar que ha terminado, luego debes saber el total y hacer la suma para saber que todos están ok

Jorge