Comunidad de diseño web y desarrollo en internet online

como poner una precarga animada a unas imagenes?¿?

Citar            
MensajeEscrito el 18 Ene 2006 11:57 pm
hola, se que el tema de las precargas ya esta gastado, pero una vez mas no encuentro la respuesta que necesito despues de haber buscado.

Lo que estoy tratando de lograr es lo siguiente:

tengo una galeria de imagenes, con un boton para cada imagen. Las llamo por medio de loadmovie, y cargan al pasar el mouse por encima.el codigo q puse en cada botón es:

Código :

on (rollOver) { 
   _root.fotos_lm.loadMovie("gal/1.jpg");
   fotos_lm._x = 296.0;
   fotos_lm._y = 93.0;
}
on (rollOut) { 
   _root.fotos_lm.unloadMovie("gal/1.jpg");
}


el problema es que las imagenes tardan en cargar unos 5 segundos, ya les baje el peso lo mas que pude con respecto a la calidad. No quiero que el usuario no se de cuenta que esta cargando la imagen y cambie de ventana.
Por esto quiero poner una animación que diga "cargando", y el boton tiene que cambiar de color al estar la imagen ya lista. (los botones son cuadraditos grises sin animacion alguna.
No se donde debe ir el codigo de la precarga, ni como hacer para cambiarle el color a los botones al finalizar. tal vez deba poner movie clips dentro de ellos que se controlen como si fueran la barra en este codigo?:

Código :

function cargando() {
   var total, cargados, porcentaje;
   total = _root.getBytesTotal();
   cargados = _root.getBytesLoaded();
   porcentaje = Math.floor((cargados*100)/total);
   porcentaje_txt.text = porcentaje+" %";
   barra_mc.gotoAndStop(porcentaje);
   if (cargados == total) {
      clearInterval(hiloPrecarga);
      play();
   }
}
var hiloPrecarga = setInterval(cargando, 1);
stop();


espero que me puedan ayudar a resolver esta idea :)

muchas gracias!

Por Ava

12 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 20 Ene 2006 01:32 am
hey, realmente necesito ayudaaa! :(

Por Ava

12 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 20 Ene 2006 03:49 am
:roll: date una vuelta por la seccion de ejemplos.

Por Jorgelig

Claber

3035 de clabLevel

12 tutoriales

 

Monterrey, Nuevo Leon, MX

firefox
Citar            
MensajeEscrito el 20 Ene 2006 05:12 am
Pues a tu funcion le agregaria:

Código :

function cargando(mc:MovieClip) {
   var total, cargados, porcentaje;
   total = mc.getBytesTotal();
   cargados = mc.getBytesLoaded();
   // Yo adjuntaria mi cargador .... bueno no se tu
   if (cargados == total) {
   // Despues eliminaria el cargador 
      clearInterval(hiloPrecarga);
      play();
   }
}


No se si entiendes.... bueno espero haber ayudado

Por bipsa

628 de clabLevel

1 tutorial
1 articulo

Genero:Masculino  

Colombia

firefox
Citar            
MensajeEscrito el 20 Ene 2006 11:07 pm
ok, no habia revisado la sección ejemplos y encontre cosas q me van a ayudar seguro.
y bueno, no entiendo bien en que me puede ayudar el cambio en el codigo, pero por ahora debo seguir investigando, gracias por responder.

Por Ava

12 de clabLevel



Genero:Masculino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.