Comunidad de diseño web y desarrollo en internet online

loop de imágenes con transición de fade

Citar            
MensajeEscrito el 05 Nov 2008 07:28 pm
Hola!
me gustaría saber si se puede ( y es recomendable) hacer con as2 un loop que vaya cargando una imagen detrás de otra con una transición de fade.
Lo podría hacer poniendo directamente las imágenes dentro del .fla pero prefiero hacerlo con carga externa porque son un montón.
He buscado en los foros pensando que estaría, pero no lo he encontrado (creo que ya estoy muy espesita...) si se ha comentado antes indicadmen dónde, por favor.

Muchas gracias!

Por elhada.teresika

27 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Nov 2008 12:30 am
Te recomiendo que te des una vuelta por la sección de ejemplos me parece que hay algo que se ajusta a tus necesidades.

Suerte

Por flashreloco

Claber

1310 de clabLevel

1 tutorial
1 articulo

Genero:Masculino  

Webdesigner & Mandilon 2.0

msie
Citar            
MensajeEscrito el 06 Nov 2008 12:35 am

Código ActionScript :

var precargador_mcl:MovieClipLoader = new MovieClipLoader();
var listener:Object = new Object();
Stage.showMenu = false;
listener.onLoadStart = function(target_mc) {
   trace("Iniciando");
   _root.attachMovie("barra", "barra_mc", _root.getNextHighestDepth());
   _root.barra_mc._y = Stage.height/2;
   _root.barra_mc._x = Stage.width/2;
};
listener.onLoadProgress = function(target_mc, loadedBytes, totalBytes) {
   trace("En progreso");
   var porcentaje:Number;
   porcentaje = Math.round((loadedBytes*100)/totalBytes);
   _root.barra_mc.gotoAndStop(porcentaje);
   target_mc._visible = false;
   target_mc.stop();
};
listener.onLoadComplete = function(target_mc) {
   trace("ya");
   _root.barra_mc.removeMovieClip();
   //Y mostramos el objeto
   target_mc._visible = true;
   target_mc.play();
};
precargador_mcl.addListener(listener);
var cargar:Number=1;
cargar_swfs = function (){
   if(cargar<5){
   precargador_mcl.loadClip("imagen"+cargar+".jpg", caja_mc);
   cargar++;
}
}
delay = setInterval(cargar_swfs, 1000);


en el escenario tenes que tener un movieclip con punto de registro arriba-ozquierda que se llame 'caja_mc'
y las iamgenes se tienen que tener nombre imagen 1 imagen2 y asi
if(cargar<5){ es para 4 imagenes
si tenes 40 iamgenes ahi le pones 41

esto carga las imagenes cada cierto tiempo pero no tiene un efecto de transicion
pero todo es cuestion que busques aca en clab o en google y adaptes a tu codigo algun efectod e transicion que veas
beso

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 06 Nov 2008 04:50 pm
Gracias a ambos,
-> ironeric23, estoy intentando comprender el código... jeje...supongo que los tres primeros párrafos son para una precarga... (que como no tengo los mc barra y barra_mc, no lo veo.
El cuarto párrafo es lo que hace que cargue la imagen una detras de otra, no? ¿especifica en algún sitio el tiempo que dura la imagen?
Lo último no sé si quiere decir que se haga indefinido... o que se ejecute 1000 veces, pero es que solo se hace una vez (todas las imagenes y se para en la última...) así que no entiendo tampoco lo que es.
¿podrías explicarmelo un poco por encima para saber para donde tirar?

Acabo de descargarme un ejemplo con efectos de transición... (voy a ver si consigo entenderlo) y probarlos


flashreloco, he estado mirando y no sé si te refieres a la carga aleatoria de imágenes... no quiero que sea aleatoria y no tenía muy claro como hacerlo,

gracias por vuestra paciencia!!

Por elhada.teresika

27 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Nov 2008 05:11 pm

Código ActionScript :

var precargador_mcl:MovieClipLoader = new MovieClipLoader(); 
var listener:Object = new Object(); 
Stage.showMenu = false; 
listener.onLoadStart = function(target_mc) { 
   trace("Iniciando"); 
   _root.attachMovie("barra", "barra_mc", _root.getNextHighestDepth()); 
   _root.barra_mc._y = Stage.height/2; 
   _root.barra_mc._x = Stage.width/2; 
}; 
listener.onLoadProgress = function(target_mc, loadedBytes, totalBytes) { 
   trace("En progreso"); 
   var porcentaje:Number; 
   porcentaje = Math.round((loadedBytes*100)/totalBytes); 
   _root.barra_mc.gotoAndStop(porcentaje); 
   target_mc._visible = false; 
   target_mc.stop(); 
}; 
listener.onLoadComplete = function(target_mc) { 
   trace("ya"); 
   _root.barra_mc.removeMovieClip(); 
   //Y mostramos el objeto 
   target_mc._visible = true; 
   target_mc.play(); 
}; 
precargador_mcl.addListener(listener); 

hasta ahi es la precarga
para ver el como va transcurriendo la precarga mira el tutorial que te dice como hacer la barrita
http://www.cristalab.com/tutoriales/15/precargas-swf-y-jpg--en-flash-con-moviecliploader.html

Código ActionScript :

var cargar:Number=1; 
cargar_swfs = function (){ 
   if(cargar<5){ 
   precargador_mcl.loadClip("imagen"+cargar+".jpg", caja_mc); 
   cargar++; 
} 
} 
delay = setInterval(cargar_swfs, 1000); 

carga la imagen ...
cargar_swfs, 1000); ahit e dice cada 1000 milisegundos creo que era no me acuerdo:S carga una nueva imagen..ahi podes cambiar


despues la variable cargar aumenta en uno cada vez que se carga la imagen y aca le decimos
if(cargar<5){ que solo cargue la imagen si caargar es menor a 5 osea si la iamgen que se esta cargando es la 4
asi se para en la ultima

beso ^^

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 06 Nov 2008 06:33 pm
vaya, pues sí que iba desencaminada!!!
ahora lo tengo más claro, o eso creía yo, porque me he puesto a trajinarlo y no ha funcionado, me explico:
como lo que quiero es que sea un loop le he dicho que si carga era igual a 5, empezara a contar desde la imagen 1 otra vez...

Código :

 
precargador_mcl.addListener(listener);
var cargar:Number = 1;
cargar_swfs = function ()
{ if (cargar<6) {precargador_mcl.loadClip("imagen"+cargar+".jpg", caja_mc);cargar++;}};
{ if (cargar=5) {precargador_mcl.loadClip("imagen1.jpg", caja_mc);cargar++;}};
delay = setInterval(cargar_swfs, 5000);


pero no me sale, ¿qué estoy haciendo mal? no me da ningún error pero se queda la imagen1 parada y ya no cambia...

PD.:
me he puesto a mirar el ejemplo de las transiciones de imágenes, y claro, es evidente que si me lío con lo de la carga de imágenes.... ¿como voy a entender el ejemplo? !!!! jajajjajja... buscaré otro más sencillo...

Por elhada.teresika

27 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Nov 2008 11:47 pm
para eso hazlo
asi

Código ActionScript :

var cargar:Number=1;  
cargar_swfs = function (){  
   if(cargar<5){  
   precargador_mcl.loadClip("imagen"+cargar+".jpg", caja_mc);  
   cargar++;  
}else{
cargar=1;
}  
delay = setInterval(cargar_swfs, 1000);  

beso

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 07 Nov 2008 05:07 pm
Muchas gracias de nuevo !
voy a ver si consigo solucionar que me haga una transición... (ya veremos lo que pasa...jaja!)

^^

Por elhada.teresika

27 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Nov 2008 08:32 pm
Bueno, definitivamente me voy a volver loca ... :shock:

Tras dar mil vueltas, he decidido que para que las imágenes carguen con fade las voy a meter cada una en su swf correspondiente y hacerlo a la vieja usanza, de modo que se iran cargando una detrás de otra con la transición que quiero.
Pero he estado mirando bien BiEn BIENNNN :shock: el tutorial al que me remitiste de la precarga y no consigo que funcione.. :(
Me descargo el ejemplo y tampoco me hace la precarga, es como si no vinculara el identificador del mc Barra (barra)... no sé por qué puede ser... he probado en flash 8 y 9...

:cry: :cry: :cry: :cry:

pido ayuda desesperadamente, porque me parece q como no lo solucione... esta noche no duermo... !!!

gracias de nuevo !

Por elhada.teresika

27 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Nov 2008 10:41 pm
las iamgenes pesan poco como para que se vean la precarga a menos que sea en u servidor
para probarlo
al hacer ctrl+click
arriba busca
simular descaarga :)

Por ironeric23

Claber

407 de clabLevel



Genero:Femenino  

mozilla
Citar            
MensajeEscrito el 08 Nov 2008 05:06 pm
Hola de nuevo!,
es verdad, sí que me aparece la precarga, lo he subido para ver cómo se queda y me da los siguientes problemas:

1- la precarga inicial tarda mucho en aparecer, se tira un rato en negro y luego sale unos segundos antes de la primera imagen.
2- la duración de la carga de los swf (8000 milisegundos) no cuadra bien con la duración de los swf... no sé por qué, deberían ir iguales ya que duran 8 segundos (tanto la película principal como las que cargo están a 16fps...) ¿hay alguna manera de que coordinen bien? es que si no, se corta la transición entre foto y foto.... supongo que sera por la carga de internet... pero no sé si tiene solución...

gracias de nuevo !! ^^

Por cierto lo he subido a www.sanguinariamarilu.com/prueba

Por elhada.teresika

27 de clabLevel



 

firefox
Citar            
MensajeEscrito el 09 Nov 2008 10:24 am

elhada.teresika escribió:

Hola de nuevo!,
1- la precarga inicial tarda mucho en aparecer, se tira un rato en negro y luego sale unos segundos antes de la primera imagen.


He visto que lo que tarda en salir son exactamente los milisegundos que le pongo de duración a cada swf que carga.

Código :

var cargar:Number=1; 
cargar_swfs = function (){ 
   if(cargar<5){ 
   precargador_mcl.loadClip("img/galeria/1-0"+cargar+".jpg", caja_mc); 
   cargar++; 
} 
} 
delay = setInterval(cargar_swfs, 8000); 

Lo que me hace es que primero se tira 8 segundos en negro, y luego carga el primer swf 8 segundos, luego otro... etc...

¿Hay alguna manera de que los primeros 8 segundos que se tira en negro no los haga? o carge directamente una foto?

Por elhada.teresika

27 de clabLevel



 

firefox

 

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