Comunidad de diseño web y desarrollo en internet online

Precargar secuencia de imagenes con progress bar y loader

Citar            
MensajeEscrito el 03 Jul 2006 10:25 pm
Hola que tal tengo el siguiente problema....... tengo 5 fotos en un bd que tengo que cargar en un componente loader , en determinado tiempo cambia la foto 1 a la foto 2 y luego a las 3 y asi sucesivamente meto un progressBar para ir presentando el avance de la precarga de cada foto...para la foto 1 si jala el progressBar pero para las demas no, de echo como que se pasma el componente loader.

Si alguien sabe como meter una secuencia de fotos de manera dinamica y que cada foto tenga un precargador porfas pasenme el codigo......

Yo aqui les dejo el mio para ver en que pudiese estar mal.... saludos

Código :

function cargadorFotos(foto:String, tiempo:Number, noRegistros:Number, misFotos:Array) {
   var contenedor_foto_img:mx.controls.Loader;
   var cargador_fotos:mx.controls.ProgressBar;
   _root.cargador_fotos.mode = "polled";
   _root.cargador_fotos.source = _root.contenedor_foto_img;
   _root.cargador_fotos.label = "Cargando Imagen %3%% ";
   _root.cargador_fotos.conversion = 1024;
   _root.contenedor_foto_img.autoLoad = false;
   _root.contenedor_foto_img.scaleContent = false;
   var cfListener:Object = new Object();
   cfListener.complete = function(evt_obj:Object) {
      //_root.cargador_fotos.destroyObject();
      _root.fotosBanners(tiempo, noRegistros, misFotos);
   };
   _root.cargador_fotos.addEventListener("complete", cfListener);
   _root.contenedor_foto_img.load(foto);
}
function fotosBanners(tiempo:Number, noRegistros:Number, misFotos:Array) {
   _root.onEnterFrame = function() {
      tiempo++;
      if (tiempo>=150) {
         delete this.onEnterFrame;
         _global.noFoto++;
         if (_global.noFoto<noRegistros) {
            //trace(_global.noFoto);
            _root.mensaje_txt.text = _global.noFoto;
            var foto:String = "../images/empresa/"+misFotos[noFoto];
            _root.cargadorFotos(foto, 0, noRegistros, misFotos);
         } else {
            _global.noFoto = 0;
            _root.mensaje_txt.text = _global.noFoto;
            var foto:String = "../images/empresa/"+misFotos[noFoto];
            _root.cargadorFotos(foto, 0, noRegistros, misFotos);
         }
         
      }
   };
}
//Result para presentar el texto y la cabecera
miConsulta.detalles_onResult = function(result) {
   _root.texto_txt.htmlText = this.contenido;
   if (_root.texto_txt.maxscroll == 1) {
      _root.scroll_mc._visible = false;
   } else {
      _root.scroll_mc._visible = true;
   }
   var Cabecera:String = "images/empresa/"+this.cabecera;
   _root.cargadorCabecera(Cabecera);
   ///aqui mando a llamar la secuencia de fotos
   var noRegistros:Number = result["fotos"].length;
   var misFotos:Array = new Array(noRegistros);
   for (i=0; i<noRegistros; i++) {
      misFotos[i] = result["fotos"][i];
   }
   var foto:String = "images/empresa/"+misFotos[0];
   var tiempo:Number = 0;
   _global.noFoto = 0;
   _root.cargadorFotos(foto, tiempo, noRegistros, misFotos);
};

Por elessar

Claber

166 de clabLevel



 

Tabasco, México

firefox
Citar            
MensajeEscrito el 04 Jul 2006 11:02 pm
Ya quedo señores gracias a unos tutos que encontr por alli logre resolver mi problema.........

les dejo el codigo......


///RESULT DETALLES///
miConsulta.detalles_onResult = function(result) {
_root.texto_txt.htmlText = this.contenido;
//Condicionamos el scroll si es que es necesario visualizarlo
if (_root.texto_txt.maxscroll == 1) {
_root.scroll_mc._visible = false;
} else {
_root.scroll_mc._visible = true;
}
//Colocamos la imagen en la cabecera
//_root.CargarCabecera(this.cabecera);
//Rellenamos un array con las fotos
var noRegistros:Number = result["fotos"].length;
var misFotos:Array = new Array(noRegistros);
for (i=0; i<noRegistros; i++) {
misFotos[i] = result["fotos"][i];
}
var numeroFoto:Number = 0;
_root.precargaSlideShow(numeroFoto, misFotos);
};
////ESTILOS DEL PROGRESSBAR////
function estilosPb(pb:String) {
_root[pb].setStyle("themeColor", 0x003366);
_root[pb].setStyle("fontFamily", "Arial");
_root[pb].setStyle("fontSize", 11);
_root[pb].setStyle("color", 0x006699);
}
////PRECARGADOR PARA EL SLIDESHOW DE FOTOS////
function precargaSlideShow(numeroFoto:Number, misFotos:Array) {
_root.ldr_foto.removeMovieClip();
_root.marquesina.removeMovieClip();
var ldr_foto = mx.controls.Loader;
var pb_foto = mx.controls.ProgressBar;
_root.attachMovie("marquesina_mc", "marquesina", 3, {_x:507., _y:159});
_root.attachMovie("Loader", "ldr_foto", 2, {_x:507., _y:159});
_root.attachMovie("ProgressBar", "pb_foto", 1, {_x:_root.marquesina._x+5, _y:_root.marquesina._y+_root.marquesina._height-5});
_root.estilosPb("pb_foto");
_root.pb_foto.mode = "polled";
_root.pb_foto.source = _root.ldr_foto;
_root.pb_foto.label = "Cargando Imagen %3%% ";
_root.pb_foto.conversion = 1024;
_root.ldr_foto.scaleContent = false;
_root.ldr_foto.autoLoad = false;
var ldrListener:Object = new Object();
ldrListener.complete = function(evt_obj:Object) {
numeroFoto++;
_root.pb_foto.removeMovieClip();
//_root.texto_txt.text = numeroFoto;
_root.Carrusel(numeroFoto, misFotos);
};
_root.ldr_foto.addEventListener("complete", ldrListener);
_root.ldr_foto.load("images/empresa/"+misFotos[numeroFoto]);
}
////SET INTERVAL CARRUSEL////
function Carrusel(numeroFoto:Number, misFotos:Array) {
var retraso:Number = 10000;
miIntervalo = setInterval(pararCarrusel, retraso, [numeroFoto, misFotos]);
function pararCarrusel() {
clearInterval(miIntervalo);
if (numeroFoto<misFotos.length) {
_root.precargaSlideShow(numeroFoto, misFotos);
} else {
numeroFoto = 0;
_root.precargaSlideShow(numeroFoto, misFotos);
}
}
}

Por elessar

Claber

166 de clabLevel



 

Tabasco, México

firefox

 

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