Foros del Web » Creando para Internet » Flash y Actionscript »

problema con fotos externas y diseño liquido

Estas en el tema de problema con fotos externas y diseño liquido en el foro de Flash y Actionscript en Foros del Web. Buenas a todos, mi problema es que estoy haciendo una pagina con diseño liquido y en esta pagina nesecito que corran unas fotos de fondo ...
  #1 (permalink)  
Antiguo 28/10/2010, 14:02
Avatar de kilpo  
Fecha de Ingreso: noviembre-2008
Mensajes: 19
Antigüedad: 16 años
Puntos: 0
Pregunta problema con fotos externas y diseño liquido

Buenas a todos, mi problema es que estoy haciendo una pagina con diseño liquido y en esta pagina nesecito que corran unas fotos de fondo que se adecuen a la resolucion de pantalla del usuario. Por esto que me veo en la necesidad de cargar las fotos en forma externa para que no suba tanto el tamaño del flash.

el problem es cuando cargo la pagina no me aparecen las fotos pero al momento de cambiar el tamaño de la ventana del flash me aparecen y se adecuan al tamaño .

Este es mi codigo donde adecuo el tamaño y mando a llamar a la classe



Código:
import ImgLoop;

var fondoLoop:ImgLoop = new ImgLoop(this);

fondoLoop.push("imagen/principal/1.jpg");
fondoLoop.push("imagen/principal/2.jpg");
fondoLoop.push("imagen/principal/3.jpg");
fondoLoop.push("imagen/principal/4.jpg");


fondoLoop.setPosicion(0,0);
fondoLoop.setTiempo(4000);//3 segundo
fondoLoop.start();


import mx.transitions.Tween;
import mx.transitions.easing.*
mov_tw=function(clip,prop,fin){
	new Tween(clip,prop, Strong.easeOut,clip[prop],fin, 25, false);
}

Stage.align = "TL";
Stage.scaleMode = "noScale";
var miListener:Object = new Object();
miListener.onResize = function() {

	
	
	
		_root.fondo_mc.contenedor1._width = Stage.width;
		_root.fondo_mc.contenedor1._height = Stage.width*0.75;

};
Stage.addListener(miListener);
miListener.onResize();
y esta es la clase que acupo la pego con los creditos.

Código:
/*****************************************************************************
CLASE ImgLoop v.1.5 - 21/10/06
package img
funcion: loop de fotos.
autor: [email protected] || http://www.zguillez.com

uso: var fondoLoop:ImgLoop = new ImgLoop(this);

guia:
-La clase trabaja con un Array(). Este array contiene las URLS de las fotografias.
-Cuatro diferentes tipos de añadir fotos al Array():
1. Una a una: fondoLoop.push("http://www.cristalab.zguillez.com/LoopIMG/foto1.jpg");
2. Por xml: fondoLoop.pushXML("http://www.cristalab.zguillez.com/LoopIMG/fotos.xml");
3. Por secuencia de archivos: fondoLoop.loadSec("foto", ".jpg", 1, 5);
4. Por secuencia indefinida (busca en el servidos hasta encontrar la última foto)
   fondoLoop.loadSec("foto", ".jpg", 1);

funciones publicas:
setTiempo(queTiempo)
setPosicion(queX, queY)
start()
stop()
pause()
push(queURL)
pushXML(queXML:String) 
pop(queURL) 
shift(queURL)
unshift(queURL)
trace()
clear() 
exit()
loadSec(queRaiz:String, queExtension:String, queNum:Number, queFin:Number)

ejemplo:
import img.ImgLoop
var fondoLoop = new ImgLoop(this);
fondoLoop.pushXML("fotos.xml");
fondoLoop.setPosicion(0, 0);
fondoLoop.setTiempo(3000);
fondoLoop.start();
******************************************************************************/
class ImgLoop
{
	private var ruta:MovieClip;
	private var listaFotos:Array;
	private var tiempo:Number;
	private var isPaused:Boolean;
	private var contenedor:MovieClip;
	private var paseDeFotos:Number;
	private var foto:Number;
	private var i:Number = 0;
	public var onLoadComplete:Function;
	//-------------------------
	public function ImgLoop(queRuta)
	{
		
		ruta = (queRuta == undefined) ?  _root.fondo_mc : queRuta;
		contenedor = _root.fondo_mc.createEmptyMovieClip("contenedor1",_root.fondo_mc.getNextHighestDepth());
		contenedor.createEmptyMovieClip("contenedor1",contenedor.getNextHighestDepth());
		contenedor.createEmptyMovieClip("contenedor2",contenedor.getNextHighestDepth());
        
		listaFotos = new Array();
		setTiempo(2000);
		foto = 0;
		
		contenedor.precarga = new MovieClipLoader();
		contenedor.precarga.onLoadComplete = function(cont:MovieClip)
		{
			cont.onEnterFrame = function()
			{
				if (this._alpha < 100)
				{
					this._alpha += 10;
				}
				else
				{
					delete this.onEnterFrame;
				}
			};
		};
	}
	public function setTiempo(queTiempo)
	{
		tiempo = queTiempo;
	}
	public function setPosicion(queX, queY)
	{
		contenedor._x = queX;
		contenedor._y = queY;
	}
	public function start()
	{
		contenedor.contenedor2._alpha = 0;
		contenedor.precarga.loadClip(listaFotos[foto],contenedor.contenedor2);
		paseDeFotos = setInterval(this, "SiguienteImagen", tiempo);
	}
	public function stop()
	{
		clearInterval(paseDeFotos);
	}
	public function pause()
	{
		isPaused = !isPaused;
		isPaused == true ? this.stop() : this.start();
	}
	public function push(queDato)
	{
		switch (typeof (queDato))
		{
			case "string" :
				var extension:String = queDato.substr(queDato.length - 3, 3);
				switch (extension)
				{
					case "xml" :
						var ruta = this;
						var xmlFotos:XML = new XML();
						xmlFotos.ignoreWhite = true;
						xmlFotos.load(queDato);
						xmlFotos.onLoad = function(success:Boolean)
						{
							if (success)
							{
								var xmlNodo:XML = this.firstChild;
								var total:Number = xmlNodo.childNodes.length;
								for (var i:Number = 0; i < total; i++)
								{
									ruta.listaFotos.push(xmlNodo.childNodes[i].firstChild.nodeValue);
								}
							}
						};
						break;
					default :
						listaFotos.push(queDato);
						break;
				}
				break;
			case "object" :
				listaFotos = queDato;
				break;
		}
	}
	public function pop(queURL)
	{
		listaFotos.pop(queURL);
	}
	public function shift(queURL)
	{
		listaFotos.shift(queURL);
	}
	public function unshift(queURL)
	{
		listaFotos.unshift(queURL);
	}
	public function trace()
	{
		trace(listaFotos);
	}
	public function remove(queDato)
	{
		switch (typeof (queDato))
		{
			case "number" :
				var temp1:Array = listaFotos.slice(0, queDato - 1);
				var temp2:Array = listaFotos.slice(queDato, listaFotos.length);
				listaFotos = temp1.concat(temp2);
				break;
			case "string" :
				for (var num in listaFotos)
				{
					if (listaFotos[num] == queDato)
					{
						remove(Number(num) + 1);
					}
				}
				break;
		}
	}
	public function clear()
	{
		clearInterval(paseDeFotos);
		listaFotos = [];
		SiguienteImagen();
		SiguienteImagen();
	}
	public function exit()
	{
		removeMovieClip(ruta.contenedor1);
		removeMovieClip(ruta.contenedor2);
		clearInterval(paseDeFotos);
		listaFotos = [];
	}
	public function loadSec(queRaiz:String, queExtension:String, queNum:Number, queFin:Number)
	{
		var num = queNum;
		var raiz = queRaiz;
		var ext = queExtension;
		if (queFin == undefined)
		{
			var scope = this;
			var url:String = raiz + num + ext;
			contenedor.precarga.loadClip(url,contenedor.contenedor2);
			contenedor.precarga.onLoadStart = function(mc:MovieClip)
			{
				contenedor.precarga.unloadClip(mc);
				num++;
				scope.loadSec(raiz,ext,num);
				scope.listaFotos.push(url);
			};
			contenedor.precarga.onLoadError = function(mc:MovieClip, error:String)
			{
				if (error == "URLNotFound")
				{
					scope.contenedor.precarga.onLoadStart = null;
					scope.onLoadComplete();
				}
			};
		}
		else
		{
			for (var i:Number = queNum; i <= queFin; i++)
			{
				var url:String = raiz + i + ext;
				listaFotos.push(url);
			}
			this.onLoadComplete();
		}
	}
	//--------------------
	private function SiguienteImagen()
	{
		(foto < (listaFotos.length - 1)) ? foto++ : foto = 0;
		var cont:MovieClip = contenedor.getInstanceAtDepth(contenedor.getNextHighestDepth() - 2);
		cont.swapDepths(contenedor.getInstanceAtDepth(contenedor.getNextHighestDepth() - 1));
		cont._alpha = 0;
		contenedor.precarga.loadClip(listaFotos[foto],cont);
	}
}
Por que me pasa que no se me ven las imagen al momento de carga pero al redimencionar si aparecen???

Alguna ayuda por favor!!!

aqui esta el archivo [URL="http://www.rmksoluciones.com/fotos.rar"]http://www.rmksoluciones.com/fotos.rar[/URL]
  #2 (permalink)  
Antiguo 28/10/2010, 14:18
Avatar de TMeister
Crazy Coder
 
Fecha de Ingreso: enero-2002
Ubicación: En la Oficina
Mensajes: 2.880
Antigüedad: 22 años, 10 meses
Puntos: 193
Respuesta: problema con fotos externas y diseño liquido

Prueba con esto:

Estas cambiando el tamaño de movieclip solo en el evento de Resize ;)

Código actionscript:
Ver original
  1. import ImgLoop;
  2.  
  3. var fondoLoop:ImgLoop = new ImgLoop(this);
  4.  
  5. fondoLoop.push("imagen/principal/1.jpg");
  6. fondoLoop.push("imagen/principal/2.jpg");
  7. fondoLoop.push("imagen/principal/3.jpg");
  8. fondoLoop.push("imagen/principal/4.jpg");
  9.  
  10.  
  11. fondoLoop.setPosicion(0,0);
  12. fondoLoop.setTiempo(4000);//3 segundo
  13. fondoLoop.start();
  14.  
  15.  
  16. import mx.transitions.Tween;
  17. import mx.transitions.easing.*
  18. mov_tw=function(clip,prop,fin){
  19.     new Tween(clip,prop, Strong.easeOut,clip[prop],fin, 25, false);
  20. }
  21.  
  22. _root.fondo_mc.contenedor1._width = Stage.width;
  23. _root.fondo_mc.contenedor1._height = Stage.width*0.75;
  24.  
  25. Stage.align = "TL";
  26. Stage.scaleMode = "noScale";
  27. var miListener:Object = new Object();
  28. miListener.onResize = function() {
  29.  
  30.    
  31.    
  32.    
  33.         _root.fondo_mc.contenedor1._width = Stage.width;
  34.         _root.fondo_mc.contenedor1._height = Stage.width*0.75;
  35.  
  36. };
  37. Stage.addListener(miListener);
  38. miListener.onResize();
  #3 (permalink)  
Antiguo 28/10/2010, 14:29
Avatar de kilpo  
Fecha de Ingreso: noviembre-2008
Mensajes: 19
Antigüedad: 16 años
Puntos: 0
Respuesta: problema con fotos externas y diseño liquido

Me pasa exactamente lo mismo al cargar el flash no se ve las imágenes pero al redimensionar la ventana se ven perfectamente... gracias por la rapida respueta TMeister
  #4 (permalink)  
Antiguo 28/10/2010, 15:40
Avatar de kilpo  
Fecha de Ingreso: noviembre-2008
Mensajes: 19
Antigüedad: 16 años
Puntos: 0
Respuesta: problema con fotos externas y diseño liquido

algien k me pueda ayudar??? por favor
  #5 (permalink)  
Antiguo 29/10/2010, 07:12
Avatar de kilpo  
Fecha de Ingreso: noviembre-2008
Mensajes: 19
Antigüedad: 16 años
Puntos: 0
Respuesta: problema con fotos externas y diseño liquido

ayuda!! no logro saber k es lo k pasa
  #6 (permalink)  
Antiguo 02/11/2010, 07:59
Avatar de kilpo  
Fecha de Ingreso: noviembre-2008
Mensajes: 19
Antigüedad: 16 años
Puntos: 0
Respuesta: problema con fotos externas y diseño liquido

ayuda por favor!! tadavia no logro que me funcione estao

Etiquetas: diseño, externas, fotos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:17.