Preloader en visor de imágenes (AS2.0)

[lukate]

Buenas tardes a todos:
Tengo un visor de imágenes realizado, es decir, un simple botón que al accionarlo carga imágenes en un visor, lo que ocurre es que tarda quizá 1 0 2 segundos, de manera que quisiera hacer una precarga justo ahí, para anunciar que la imagen se está cargando.
La cuestión es que no sé "cómo apuntar" directamente a los botones para que al accionarlos antes de la imagen se muestre la precarga

Este es mi script:

stop();
PATO_01.onPress = function(){
gotoAndStop(11)
}
PATO_02.onPress = function(){
gotoAndStop(12);
}
PATO_03.onPress = function(){
gotoAndStop(13);
}
PATO_04.onPress = function(){
gotoAndStop(14);
}

...y este es mi código de la precarga:
stop();

carga_mc.onEnterFrame=function(){
var cargados=Number=_root.getBytesLoaded();
var totales=Number=_root.getBytesTotal();
var porcentaje=Math.round((cargados/totales)*100);
if(cargados>=totales){
gotoAndPlay(11);
}
porcentaje_txt.text=porcentaje+"%";
barra_mc._xscale=porcentaje;
barravert_mc._yscale=porcentaje;

anima_mc.gotoAndStop(porcentaje);
}


Muchísimas gracias. Me urge bastante solucionar el problema, así que agradecería doblemente la rapidez de respuesta.
Un saludo.

[Bandit]

Hola lukate:
Bienvenido al Foro.
Revisa éste link: http://blog.unijimpe.net/precargar-archivos-en-flash/

Espero haberte sido de ayuda.

[lukate]

Muchas gracias por la rapidez!!
Entonces, suprimo por completo el script que tengo, hasta los del botón? o lo agrego a continuación?

[Bandit]

En ese tutorial está explicado la forma de hacer, además tienes el archivo fuente para bajarlo.

Espero haberte sido de ayuda.

[lukate]

Sigo sin poder hacer que el código funcione: ¿he de ponerlo en una capa dentro del botón o al mismo texto de "cargando"?

[lukate]

Otra cuestión:
He pensado poner la precarga en el interior de mi botón justo después de este código:
on(rollOver){
ANIMA.loadMovie("http://www.XXX/resources/file/XX.swf");


Cómo he de hacerlo?? Muchas gracias

[Bandit]

Hola Lukate:
Para empezar el código loadMovie() no se usa para cargar una página HTML.
Si tú quieres es cargar imágenes y que éstas tengan un preloader, no es necesario que lo cargues en diferentes frames, como lo tienes en tus botones ( frame 11. 12, 13, 14).
Crea un MC en el primer frame dibuja un rectángulo de 60 x 18 con el color que desees y sin borde, en las coordenadas X = 0 e Y = 0.
En la capa 1 frame 1 de tu película coloca tus botones con sus respectivos nombres de instancia: pato_1 al pato_4.
Crea la capa 2 frame 1 colocas el MC que contiene el rectángulo y le pones como nombre de instancia: barra, encima del MC coloca un campo de texto dinámico con nombre de instancia: porcentaje.
Crea la capa 3 y en el frame 1 escribe éste código:

Código actionscript:

var vacio:MovieClip = this.createEmptyMovieClip("vacio", 1);
vacio._x = 180;
var loop:MovieClip = this.createEmptyMovieClip("loop", 0);
var vacio:MovieClip;
barra._xscale = 0;
function cargador(foto) {
 vacio.loadMovie(foto);
 loop.onEnterFrame = function() {
  total = vacio.getBytesTotal();
  cargados = vacio.getBytesLoaded();
  t = Math.floor((cargados*100)/total);
  porcentaje.text = t+"% cargado";
  barra._xscale = t;
  if (t>=100) {
   delete loop.onEnterFrame;
   porcentaje.text = "";
   barra._xscale = 0;
  }
 };
}
pato_1.onPress = function() {
 cargador("nombre.jpg");
};
pato_2.onPress = function() {
 cargador("nombre.jpg");
};
pato_3.onPress = function() {
 cargador("nombre.jpg");
};
pato_4.onPress = function() {
 cargador("nombre.jpg");
};
 

Espero haberte sido de yuda.

[lukate]

Las imágenes que deseo cargar están dentro de un swf, me serviría el código que me indicas?
Gracias

[lukate]

Por otro lado, los botones pato_1 y demás son botones principales que despliegan un submenú, ¿he de variar esto también?

[lukate]

He seguido todos los pasos pero no he conseguido que me salga. La ruta del jpeg debe ser absoluta?? o solamente con nombrarla "desde donde estoy" sobraría?

No consigo solucionarlo.
Pero gracias :)

[lukate]

Lo he logrado cargando también swf, la cuestion es que sólo se me muestra un segundo y después desaparece,¿hay alguna forma de mantenerlo visible? Siento mucho tener tanta pregunta, pero cuanto más avanzo más ideas se me ocurren.

Graciass!!!!!:)

[Bandit]

Sobre tu primera pregunta, si tienes las imágenes dentro de un .swf, no puedes cargar las imágenes de allí, porque se cargará el .swf con todas las imágenes que hayan allí.
Con el código que te di puedes cargar imágenes o películas externas.
Las imágenes tiene que estar guardadas en la misma carpeta donde está el .fla, si la tienes en otra carpeta tendrás que darle la ruta.
El nombre de los botones la tome del ejemplo que mostraste, utiliza el nombre de instancia de los botones que tiene que cargar las imágenes.
No es que las imágenes estén visibles unos segundos como dices tú, lo que pasa es que al presionar otro botón la primera imagen desaparecerá al cargarse la siguiente ya que se está usando el mismo MC_vacío como contenedor de las cargas.

Espero haberte sido de ayuda.

[lukate]

Buenas Bandit:
No me funciona la barra de precarga. He empezado de nuevo siguiendo tus pasos y no se ve. En el texto dinámico con nombre de instancia "porcentaje" hemos de escribir algo? Es que desde que publico se me ve el porcentaje antes de darle previamente a ningún botón.

Te comento que he cambiado el menú para hacerlo desplegable y simplificarlo un poco, procediendo de la siguiente forma:
He creado un MC donde coloco los botones principales, con nombres de instancia pato_01, etc. Posteriormente creo otro MC donde ubico los botones secundarios: en la primera capa los botones, en la segunda una interpolación de movimiento de un rectángulo que se despliega y que después convertí en máscara, y en la tercera el código AS, con un stop(); (al igual que en el menú que también hay un stop). Entonces a cada botón del submenú le meto el siguiente código:
on(rollOver){
this._visible = true;
}
on (rollOut) {
this._visible = false;
}
on (press){
ANIMA.loadMovie("http://www.xx.swf");
}
on (press){
loadMovie("xx",0);
}

//esto es así pq quiero que en primer lugar se vea una "previa" del swf al pasar por encima del ratón (como una miniatura que se ve a través de un mc llamado ANIMA, de 595x541), lo que ocurre es que como el "rollover" tiene asignada ya función he decidido ponerle a esta "previa" el evento onPress, no sé si será correcto. La última línea de código despliega ya el swf anterior a pantalla completa. Esta es una de mis dudas, cómo hacer que primero se vea la previa (anteriormente se veía con sólo pasar por encima el ratón), y si es correcto poner 2 onpress seguidos.

Por último, dentro de este mc con el menú y el submenú incluidos, introduzco en pato_01 el código :
on (rollOver) {
if (!this.clpMenu._visible)
{
this.clpMenu.gotoAndPlay("abrir");
this.clpMenu._visible = true;
}
}

Posteriormente, ya en el escenario, realizo todos tus pasos correctamente, pero no se ve la barra de precarga creciendo ni el porcentaje apuntando, ¿dónde está el fallo?

Nótese que no sé si poner la programación que enlaza a la web encima de cada botón del submenú (como decía anteriormente) o ya desde la capa AS en el fotograma que contiene el código que me enviaste.
Con lo cual, 3 dudas:
1- por qué no funciona la precarga?
2- en la programación del botón qué he de poner para que primero se vea la "previa" del swf y luego con otro evento el swf desplegado a pantalla completa?
3- enlazo a la web desde dentro del submenú encima de cada botón o desde la capa AS del escenario? en este último caso, cómo apunto directamente a los botones llamados (nombre de instancia) por ejemplo btn_1, btn_2...??

Mil gracias, me estás ayudando muchísimo. Y espero que le sirva a alguien más.

[Bandit]

No entiendo lo que quieres hacer.
En primer lugar ya te dije que con éste código:

Código actionscript:

on (press){
ANIMA.loadMovie("http://www.xx.swf");
}
 

No se carga páginas HTML, además no existe el código: http://www.xxx.swf, tendría que ser así: http://www.xx.html, además anteponer getURL(); y no el loadMovie();
Si no se ve la precarga puede ser porque está en el escenario principal y los botones no.
Este código está mal:

Código actionscript:

on (press){
loadMovie("xx",0);
}
 

Si xx es el nombre del archivo que extensión tiene, además con loadMovie() no se usa el nivel da carga, además no se debe poner el mismo evento 2 veces en un botón, puedes usas on(press) y on(release).

Espero haberte sido de ayuda.

[lukate]

Bien, jajaja, por partes, que creo que como voy comentando las cosas tal y como se me van ocurriendo te estoy liando verdaderamente.

Mi objetivo inicial era llamar a 2 swf, lo que te comenté de llamar a los html te lo comentaba por si era mejor utilizarlos junto con getURL() para ganar en rapidez de carga.

Cuando te indico "XX" evidentemente es un ejemplo, claro que hay que poner la ruta.

Pero como te comentaba, si tienes en cuenta que las rutas a la web son correctas que sigo todos tus pasos para llamar a los swf (y no a los html) y además tengo tanto los botones como la barra de precarga en el escenario principal...teniendo en cuenta todo esto, sigue sin verse cargar la precarga y verse el texto del porcentaje aumentar hasta el 100%

Entiendo que quieres decirme que con loadMovie no se puede hacer una precarga y por eso me indicabas poner en el AS "cargador" detrás del evento del ratón.
Si esto es así, lo he probado y no me funciona (indicando la ruta absoluta de mi swf al servidor web de mi página)

Gracias

[Bandit]

Te agradecería que leas con más detenimiento mi 3er post.
En primer lugar nunca dije esto:

Entiendo que quieres decirme que con loadMovie no se puede hacer una precarga

Si tú estás probando la precarga en el Proyector al hacer Ctrl + Enter, nunca verás la precarga, lo que tienes que hacer para visualizarlo es hacer, Ctrl + Enter 2 veces.

Espero haberte sido de ayuda.

[lukate]

Muchas gracias por todo, me ha sido muy útil tu ayuda, un saludo!

[lukate]

Una última cuestión:
¿puedo hacer que la función cargador se ejecute dentro de un cuadrado que tengo dentro de mi página, que es un mc llamado ANIMA?

FH_01.onPress = function() {
cargador("http://www.XXX.swf");
};

¿Cómo quedaría este código entonces?

[lukate]

Iniciado por Bandit

Si no se ve la precarga puede ser porque está en el escenario principal y los botones no.

Bien solamente me falta esto último, tenías razón, ahora entiendo lo que querías decir, pues el botón que quiero que lleve ese código está dentro de un movieclip "submenu" a su vez dentro de otro mc "menu". Es decir, mientras los botones principales sí están en el escenario principal, los botones que quiero que funcionen no lo están, ya que permanecen ocultos dentro de otro mc.
¿Cómo apunto a estos botones?
He probado algo similar a _root.menu.submenu.FH_01.onPress = function() {
cargador("nombre.jpg");

Ayuda por favor, casi lo tengo apunto.

Por otro lado, he probado con otro botón en el escenario y carga perfectamente, pero no se ve la precarga. Quiero que me cargue el swf dentro de mcclip y no en el centro de mi película principal.
Mil gracias, estoy desesperada

[lukate]

Quiero que me cargue el swf dentro de mcclip y no en el centro de mi película principal.

SOLUCIONADO, he escrito:
boton.onPress = function() {
cargador( "XX.swf", mcclip );

};

Ahora solamente me falta saber cómo llamar a los botones dentro el mc "submenu" .
Se me olvidaba comentarte que este !submenu"esta en el fotograma 2 del mc "menu"

Graciassssssssssssssss

[Bandit]

Hola lukate:
Sube tus archivos a un servidor para poderlo bajar y ver como lo estás haciendo.

Espero poderte ser de ayuda.