Demasiado rapido?

mdk · #1 (**permalink**) 29/01/2010, 16:22

Alguien sabe porque esta funcion

Código PHP:

  function ImgR (Name) { 
    imagen = new Image(); 
    imagen.src = 'images/' + Name + '.png';  
                return imagen.height; 
}

No me carga correctamente el alto de la imagen? en cambio si le meto un segundo de retraso, me la carga correctamente, incluso si la lanzo 2 veces, a la segunda me la carga correctamente...

caricatos · #2 (**permalink**) 29/01/2010, 16:53

Hola:

El título del mensaje es la respuesta...

La asignación es mejor hacerla programando la carga...

imagen.src = 'images/' + Name + '.png';
imagen.onload = function() {donde_lo_quieras = this.height;

Saludos

mdk · #3 (**permalink**) 29/01/2010, 19:22

en lo de imagen.onload ¿podría asignarse a un array de fotos, en vez de a una sola?, es decir, ¿se puede hacer que cargue todo el array de imagenes antes de realizar la funcion? Por ejemplo en este código:

Código PHP:

  function LoadImas() {  
    var imas = new Array("ag.jpg","abuttonoff.png","abuttonon.png","abuttontmp.png","buttonoff.png","buttonon.png","buttontmp.png","fondo.png","fondo4.png","fr1.png","fr2.png","fr3.png","fr4.png","fr5.png","fr6.png","fr7.png","fr8.png","loading.gif","logo.png","map.png","pixels.png");  
    var ar = new Array();  
    for (var i = 0; i < imas.length; i++) {  
        ar[i] = new Image();  
        ar[i].src = imas[i];  
    }  
}

Para que no continue, lanzando funciones, hasta que termine esta. porque actualmente lo tengo puesto asi.

LoadImas(); funcion2(); funcion3();

y me carga todas seguidas, idependientemente de que se haya terminado de cargar la funcion LoadImas.

caricatos · #4 (**permalink**) 29/01/2010, 21:29

Hola:

Me parece que lo que quieres lo tenemos en nuestras FAQs: ¿Cómo hacer una precarga viendo el porcentaje de carga?

Por cierto, es fácil programar una variante del script para que funcione con el evento de carga.

Si buscas otra cosa, danos el aviso...

Saludos

mdk · #5 (**permalink**) 30/01/2010, 09:18

El link ese no se encuentra, supongo que querias decir este http://www.forosdelweb.com/f13/faqs-...tml#post633305 lo mirare cuando tenga un rato.

Gracias

caricatos · #6 (**permalink**) 30/01/2010, 11:30

Hola:

¡Je, je!... sí, ese era el tema... me falló el copy&paste.

Saludos

mdk · #7 (**permalink**) 30/01/2010, 13:20

Vale, ya lo he probado, y sigue pasando lo mismo de siempre, en IE8 no funciona.... en otros navegadores me sale el "Ok." pero en IE8 aun estoy esperando...

caricatos · #8 (**permalink**) 30/01/2010, 14:23

Hola:

Pues acabo de probar en esta página: Probador de scripts, con este código:

Código:

<html>
	<head>
		<title>
			precarga de imagenes (con barra de progreso)
		</title>
		<script>
			function precargar()	{
				var dibujos = new Array(precargar.arguments.length);
				for (var i = 0; i < dibujos.length; i ++)	{
					dibujos[i] = new Image();
					dibujos[i].src = precargar.arguments[i]
				}
				return dibujos;
			}

			function precargados(dibujos)	{
				var parciales = true;
				for (var i = 0; i < dibujos.length; i ++)
					parciales = (parciales && dibujos[i].complete);
				return parciales;
			}

			function porciento(dibujos)	{
				var parciales = 0;
				for (var i = 0; i < dibujos.length; i ++)
					parciales += (dibujos[i].complete) ? 1 : 0;
				return parseInt(100 * parciales / dibujos.length);
			}
			var imagenes;
			function continuar()	{
				alert("Ok.");
			}

			function cargando()	{
				document.getElementById("estado").style.width = porciento(imagenes) + "%";
				if (precargados(imagenes))
					continuar();
				else
					setTimeout("cargando()", 100);
			}

			function ini()	{
				imagenes = new precargar(
					"http://www.sucaricatura.com/2004/fotos/20040000.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040001.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040002.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040003.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040004.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040005.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040006.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040007.jpg",
					"http://www.sucaricatura.com/2004/fotos/20040008.jpg"
				);
				cargando();
			}
		</script>
	</head>
	<body onload="ini()">
		<div style="position:relative; width: 100px; height: 20px; border: 1px" >
			<div style="position:absolute; top: 0; left: 0; width:100%; height: 100%; background-color: blue" >
			</div>
			<div id="estado"
style="position:absolute; top: 0; left: 0; width: 1%; height: 100%; background-color: aqua" >
			</div>
		</div>
	</body>
</html>

Y funciona bien en IE8...

Saludois