Carga Aleatoria de imagenes

Citar

Escrito el 17 Feb 2009 08:02 pm

Que tal compañeros, necesito hacer una intro para un web, y cuando termina de correr la animacion
tengo que dejar una animacion fija de fotografias para que luego puedan entrar a cualquiera de las
secciones que el web contiene, tengo un codigo donde uso "random" pero el random se activa
nada mas cuando entran y salen del web lo que yo necesito es tener una carga de imagenes aleatoria
que cambien cada cierto tiempo con fade in y fade out, sin necesidad de importar las fotografias
dentro de la animacion aqui esta el codigo, espero que me puedan ayudar.

stop();
bgList = new Array("imag0","imag01","imag02","imag03");
bgPlus = bgList.length;
bgRandom = Math.floor(Math.random()*bgPlus);
extension=".jpg";
ruta="fotos/";

var cargadorListener=new MovieClipLoader();
cargadorListener.onLoadComplete=function(contenedor_mc){

contenedor_mc._alpha=0;
contenedor_mc.onEnterFrame=function(){
if (contenedor_mc._alpha <100){
contenedor_mc._alpha +=10;
}
}
}

//con esto cargo las imagenes
cargadorListener.loadClip("fotos/"+bgList[bgRandom]+".jpg", "contenedor_mc");

Salu2

Por JannAlex

9 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 17 Feb 2009 10:42 pm

hola, te dejo un codigo para hacer un slideshow random, con fadeç

Código ActionScript :

import mx.transitions.Tween;
import mx.transitions.easing.*;

//--------------------------------------------------------
//Variables iniciales
var frames:Number = 0;
var framesMax:Number = 20;
var index:Number = -1;

//--------------------------------------------------------
// Creo Arrays:
var misFotos:Array = new Array("MCF/IMG/img1.jpg", "MCF/IMG/img2.jpg", "MCF/IMG/img3.jpg", "MCF/IMG/img4.jpg", "MCF/IMG/img5.jpg", "MCF/IMG/img6.jpg");
var cargoFotos:Array = new Array();

//--------------------------------------------------------
// Cargo misFotos en EmptyMovieClips:
for (i=0; i<misFotos.length; i++) {
   
   _root.createEmptyMovieClip("cargo"+i,_root.getNextHighestDepth());
   cargoFotos[i] = _root["cargo"+i];
   cargoFotos[i]._x = i * 100;//COMENTAR LINEA PARA SOBREPOSICION
   loadMovie(misFotos[i], cargoFotos[i]);
   cargoFotos[i]._alpha = 0;
   trace(cargoFotos[i]);
}

//--------------------------------------------------------
// Función que transiciona imágenes:
function CambioAlpha( elClip1:MovieClip, elClip2:MovieClip):Void 
{
   new Tween(elClip1, "_alpha", Regular.easeOut, 100, 0, 1.5, true);
   new Tween(elClip2, "_alpha", Regular.easeOut, 0, 100, 1.5, true);
}

//--------------------------------------------------------
// Recorro el array y transiciono:
function Cambio( Void ):Void 
{
   var randome = rand();
   CambioAlpha( cargoFotos[index],cargoFotos[randome] );
   index = randome;
 } 

function rand( Void ):Number
{
   var len:Number = cargoFotos.length;
   if( len > 1 )//Para evitar bucles infinitos
   {
      var aux:Number;
      do
      {
         aux = Math.floor(Math.random() * len);
      }
      while( aux == index );
   }
   return aux;
}


//--------------------------------------------------------
// Cuento frames para ejecutar la funcion de transición:
function onEnterFrame( Void ):Void
{
   frames = ( frames < framesMax )? frames + 1 : 0;   
   if ( frames >= framesMax ) 
   {
      Cambio();
   }
}

Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

En un lugar, re moto.

@Maximo_O

Citar

Escrito el 17 Feb 2009 11:49 pm

Gracias!!! genial!!!!! muy amable de tu parte!!
me ha servido demasiado el codigo!!!!!

Por JannAlex

9 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 18 Feb 2009 06:46 am

Hola, aqui el codigo mejorado:

http://foros.cristalab.com/snippet-slideshow-transicion-xml-t68908/

Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

En un lugar, re moto.

@Maximo_O

Citar

Escrito el 18 Feb 2009 04:22 pm

epaaaaaa este esta buenisimo... porq necesito varios "slideShow" al mismo tiempo... posicionados en diferentes lugares, gracias por tu aporte.... en serio
mil gracias!!!!

Por JannAlex

9 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 18 Feb 2009 04:36 pm

solo una pregunta.... sera que hay posibiildad de no crear un empty movie clip... para que lo cargue en uno ya creado???

Por JannAlex

9 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 18 Feb 2009 04:42 pm

bueno, puedes hacer eso de dos formas, la primera seria que metieras todo el codigo dentro de dicho movieclip ya creado y la segunda seria que cambiaras esta parte del codigo:

Código ActionScript :

this.slideshow = this.createEmptyMovieClip( "slideshow" , this.getNextHighestDepth() );

por esta

Código ActionScript :

this.slideshow = tuClip_mc;

donde "tuClip_mc" es el MovieClip que ya creaste, pero OJO, cuidado con los niveles de profundidad, si "tuClip_mc" ya tiene algo adentro que creaste en tiempo de diseño no tendras problema pues ocupan niveles negativos, pero si le vas a gregando cosas, puede que borres las imagenes o estas se sobrepongan a lo que acabas de colocar. Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

En un lugar, re moto.

@Maximo_O

Citar

Escrito el 18 Feb 2009 05:55 pm

Graaaaaaaaaandiooooosoo!! en serio mil gracias.:!!

Por JannAlex

9 de clabLevel

Envíale un mensaje privado Email

Citar

Escrito el 04 Mar 2009 07:45 pm

Temgo un problema con el slideshow publicado arriba de todo. lo armo tal cual indica el tutorial, pero me pasa las imagenes en cualquier posiciony velozmente.

aqui dejo un enlace con mi archivo .fla y .swf para que vean: http://www.zonadeobras.com.ar/borrar/SLIDER.zip

Desde ya muchas gracias

Por tioass

30 de clabLevel

Envíale un mensaje privado Email Web

Citar

Escrito el 04 Mar 2009 09:31 pm

hola tioass, ¿Estas seguro que configuraste bien las primeras lineas? las lineas donde dice que tiempo se tardara y la animacion que usara.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

En un lugar, re moto.

@Maximo_O

Citar

Escrito el 04 Mar 2009 10:39 pm

Mira que estoy hablando de este codigo he:

Código :


import mx.transitions.Tween; import mx.transitions.easing.*;  //-------------------------------------------------------- //Variables iniciales var frames:Number = 0; var framesMax:Number = 20; var index:Number = -1;  //-------------------------------------------------------- // Creo Arrays: var misFotos:Array = new Array("MCF/IMG/img1.jpg", "MCF/IMG/img2.jpg", "MCF/IMG/img3.jpg", "MCF/IMG/img4.jpg", "MCF/IMG/img5.jpg", "MCF/IMG/img6.jpg"); var cargoFotos:Array = new Array();  //-------------------------------------------------------- // Cargo misFotos en EmptyMovieClips: for (i=0; i<misFotos.length; i++) {        _root.createEmptyMovieClip("cargo"+i,_root.getNextHighestDepth());    cargoFotos[i] = _root["cargo"+i];    cargoFotos[i]._x = i * 100;//COMENTAR LINEA PARA SOBREPOSICION    loadMovie(misFotos[i], cargoFotos[i]);    cargoFotos[i]._alpha = 0;    trace(cargoFotos[i]); }  //-------------------------------------------------------- // Función que transiciona imágenes: function CambioAlpha( elClip1:MovieClip, elClip2:MovieClip):Void  {    new Tween(elClip1, "_alpha", Regular.easeOut, 100, 0, 1.5, true);    new Tween(elClip2, "_alpha", Regular.easeOut, 0, 100, 1.5, true); }  //-------------------------------------------------------- // Recorro el array y transiciono: function Cambio( Void ):Void  {    var randome = rand();    CambioAlpha( cargoFotos[index],cargoFotos[randome] );    index = randome;  }   function rand( Void ):Number {    var len:Number = cargoFotos.length;    if( len > 1 )//Para evitar bucles infinitos    {       var aux:Number;       do       {          aux = Math.floor(Math.random() * len);       }       while( aux == index );    }    return aux; }   //-------------------------------------------------------- // Cuento frames para ejecutar la funcion de transición: function onEnterFrame( Void ):Void {    frames = ( frames < framesMax )? frames + 1 : 0;       if ( frames >= framesMax )     {       Cambio();    } }

Por tioass

30 de clabLevel

Envíale un mensaje privado Email Web

Citar

Escrito el 04 Mar 2009 10:42 pm

El codigo salio raro.

Seguimos la conversacion en este hilo:
http://foros.cristalab.com/ayuda-con-snippet-as2-slideshow-transicion-xml-t69700/

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

En un lugar, re moto.

@Maximo_O

Citar

Escrito el 04 Mar 2009 10:45 pm

Si es que tenia problemas para pegarlo.
te posteo aca porque lo cite al autor de este tema.

ahora si, sigamos en el otro y muchas gracias!

LongeVie escribió:

hola, te dejo un codigo para hacer un slideshow random, con fadeç

Código ActionScript :

import mx.transitions.Tween;
import mx.transitions.easing.*;

//--------------------------------------------------------
//Variables iniciales
var frames:Number = 0;
var framesMax:Number = 20;
var index:Number = -1;

//--------------------------------------------------------
// Creo Arrays:
var misFotos:Array = new Array("MCF/IMG/img1.jpg", "MCF/IMG/img2.jpg", "MCF/IMG/img3.jpg", "MCF/IMG/img4.jpg", "MCF/IMG/img5.jpg", "MCF/IMG/img6.jpg");
var cargoFotos:Array = new Array();

//--------------------------------------------------------
// Cargo misFotos en EmptyMovieClips:
for (i=0; i<misFotos.length; i++) {
   
   _root.createEmptyMovieClip("cargo"+i,_root.getNextHighestDepth());
   cargoFotos[i] = _root["cargo"+i];
   cargoFotos[i]._x = i * 100;//COMENTAR LINEA PARA SOBREPOSICION
   loadMovie(misFotos[i], cargoFotos[i]);
   cargoFotos[i]._alpha = 0;
   trace(cargoFotos[i]);
}

//--------------------------------------------------------
// Función que transiciona imágenes:
function CambioAlpha( elClip1:MovieClip, elClip2:MovieClip):Void 
{
   new Tween(elClip1, "_alpha", Regular.easeOut, 100, 0, 1.5, true);
   new Tween(elClip2, "_alpha", Regular.easeOut, 0, 100, 1.5, true);
}

//--------------------------------------------------------
// Recorro el array y transiciono:
function Cambio( Void ):Void 
{
   var randome = rand();
   CambioAlpha( cargoFotos[index],cargoFotos[randome] );
   index = randome;
 } 

function rand( Void ):Number
{
   var len:Number = cargoFotos.length;
   if( len > 1 )//Para evitar bucles infinitos
   {
      var aux:Number;
      do
      {
         aux = Math.floor(Math.random() * len);
      }
      while( aux == index );
   }
   return aux;
}


//--------------------------------------------------------
// Cuento frames para ejecutar la funcion de transición:
function onEnterFrame( Void ):Void
{
   frames = ( frames < framesMax )? frames + 1 : 0;   
   if ( frames >= framesMax ) 
   {
      Cambio();
   }
}

Suerte.

Por tioass

30 de clabLevel

Envíale un mensaje privado Email Web

Carga Aleatoria de imagenes

Escribe una respuesta rapida