AYUDA: preloader + scrollpane

Hola.

recien estuve leyendo el siguiente tutorial:
http://www.cristalab.com/tutoriales/41/tutorial-del-componente-scrollpane-de-flash.html

pero lamentablemente entiendo muy poco, espero que me puedan ayudar.

les comento lo que necesito lograr.

tengo terminada una web hecha en flash en la que cargo una pelicula home.swf que tiene un menu un scrollpane.
todos los botones de ese menu cargan un swf dentro de ese scrollpane, el problema es que varios de estos swf's pesan alrededor de 200kb y necesito si o si un preloader, segun el tutorial existe una forma y esta explicada ahi pero solo funciona cargando autoaticamente uanimagen dentro de ese scrollpane.

necesitaria si alguien me puede ayudar a implentar este preloader cuando clickeo en uno de los botones de mi web.

les dejo todos los archivos de la web por las dudas

www.tomassaucedo.com.ar/guerrin.rar

les aclaro que actualmente tiene un sistema de preloader pero no funciona, solo funciona para contenedores pero qiuero utilizarlo con scrollpanes porque en la pagina anterior que hice use contenedores y me cuesta muchisimo.

realmente no se programar y me las rebusco como puedo en esa parte, los scrollpanes me salvaron la vida ya uqe son bastante faciles de manejar, es mas si tengo la solucion para los preloaders creo que tengo el 50% de mi vida solucionada (JEJE)


gracias

Según el tutorial, al parecer se carga algo externo:

//Lo que vamos a cargar
mi_panel.contentPath = "imagen.jpg";

¿Lo que tienes que cargar es algo externo o está en la biblioteca?

lo que cargo son swf's externos

Se puede agebar cualquiera de estos tipos de archivos:

Código :

/**
 Se requiere:
  - ScrollPane en el escenario (nombre de instancia: my_sp)
  - Símbolo con identificación de vinculación de "movieClip_Name" en la biblioteca ** opcional
  - Archivo logo.swf en el directorio de trabajo ** opcional
*/

System.security.allowDomain("http://www.helpexamples.com");

var my_sp:mx.containers.ScrollPane;

// método 1: Imagen JPEG
my_sp.contentPath ="http://www.helpexamples.com/flash/images/image1.jpg";

// método 2: Símbolo en la biblioteca
my_sp.contentPath ="movieClip_Name";

// método 3: Archivo SWF
my_sp.contentPath ="logo.swf";

Podés obsevar el progreso de carga y aplicar alguna precarga visual:

Código :

/**
 Se requiere:
  - Componente ScrollPane en la biblioteca
*/

this.createClassObject(mx.containers.ScrollPane, "my_sp", 10);
my_sp.setSize(360, 280);

var loadListener:Object = new Object();
loadListener.progress = function(evt_obj:Object) {
 trace(my_sp.getBytesLoaded() + " of " + my_sp.getBytesTotal() + " bytes loaded.");
};
my_sp.addEventListener("progress", loadListener);

System.security.allowDomain("http://www.helpexamples.com");
my_sp.contentPath = "http://www.helpexamples.com/flash/images/image1.jpg";

entonces en cada boton, en las acciones deberia poner todo esto?

Debes hacerlo así:

Código :

var loadListener:Object = new Object();
loadListener.progress = function(evt_obj:Object) {
 trace(sp.getBytesLoaded() + " de " + sp.getBytesTotal() + " bytes.");
 tx_info.text = sp.getBytesLoaded() + " de " + sp.getBytesTotal() + " bytes.";
};
sp.addEventListener("progress", loadListener);

bt1.onRelease = function(){
   sp.contentPath = "foto1.jpg";
}
bt2.onRelease = function(){
   sp.contentPath = "foto2.jpg";
}
bt3.onRelease = function(){
   sp.contentPath = "foto3.jpg";
}

http://www.alejandromicheloud.com.ar/ejemplos/as2_scrollPanel/as2_scrollpanel.html

no funciona en firefox, porque tengo un freehosting que corta algunas cosas, probalo con IE, GoogleCrome, etc.

muy bueno voy a tratar de implementarlo.

ahora, como podria ahcer para que en lugar de los bits cargados funcione con un movie clip que cambien de tamaño segun el porcentaje

o sea un rectangulo vacio con bordes, y el moviclip que aumenta.

Regla de tres simple:

Código :

loadListener.progress = function(evt_obj:Object) {
  tx_info.text = sp.getBytesLoaded() + " de " + sp.getBytesTotal() + " bytes.";
  var porcentaje:Number = (sp.getBytesLoaded() * 100) / sp.getBytesTotal();
  instancia_mc.gotoAndStop(porcentaje);
// o podría ser
  instancia_mc._xscale = porcentaje;
};