Anchura y altura de imágenes

blade72 · #1 (**permalink**) 27/03/2006, 02:22

Tengo esto:

<img border="1" name="v2" src="3D053-peq.jpg" width="136" height="102">

<form>
<input type="button" value= "dimeanchura" onClick="alert('anchura='+document.v2.height)">
</form>

De esta manera al pulsar el botón me muestra la anchura de la imagen "v2" (lo hace correctamente).

Sin embargo si pongo:

<script>
document.write (document.v2.height);
</script>

No funciona, ¡me escribe 0!

¿Alguna idea?

La idea es SIMPLEMENTE escribir la anchura y altura de una imagen en pantalla.

caricatos · #2 (**permalink**) 27/03/2006, 03:07

Hola:

Bueno, la anchura se define con width y no con height, y sobre document.write está "prohibido" en páginas ya abiertas porque machaca el contenido...

Puedes escribir en un input de formulario, o con innerHTML en cualquier etiqueta.

Saludos

blade72 · #3 (**permalink**) 27/03/2006, 03:15

Bueno, da igual la altura o la anchura. El problema creo que es que habría que hacer una precarga de imágenes, pues si escribo ese document.write después de cargarse toda la página si que me lo escribe correctamente.

caricatos · #4 (**permalink**) 27/03/2006, 03:33

Hola:

Puede funcionar o no (en local se tarda poco en cargar la página y puede obtenerse un resultado fiable)

Se puede saber cuando está cargada la imagen si está a true el atributo complete...

Puedes probar esto:

Código:

<html>
	<head>
		<title>
			imagen
		</title>
		<script type="text/javascript">
			function ini()	{
				if (document.images.imagen.complete)
					document.getElementById("info").innerHTML =
						"ancho: " + document.images.imagen.width;
				else	setTimeout("ini()", 100);
			}
		</script>
	</head>
	<body onload="ini();">
		<img src="http://www.pepemolina.com/galeria/fotos/mini/Diapositiva82.jpg"
			name="imagen" alt="imagen" />
		<div id="info" ></div>
	</body>

</html>

Puedes probarlo inline en este probador: http://www.pepemolina.com/probador/

Saludos