obtener el alto y ancho de la imagen con javascript

huayayo · #1 (**permalink**) 23/09/2004, 00:01

Estoy haciendo un javascript y necesito obtener en 2 variables distintas el ancho y alto de una foto, el nombre de la imagen se guarda en la variable $foto necesito 2 variables mas que almacenen el alto y ancho de esa foto

algo como :

$ancho = ancho($foto)
$alto = alto($foto)

se me ocurre que debe ser algo como esto:

<SCRIPT>
$foto="foto1.jpg";
$ancho =????
$alto = ????
</SCRIPT>

lo que pasa es q no se si con js se puede obtener esa informacion
de antemano senkiu...

KarlanKas · #2 (**permalink**) 23/09/2004, 02:01

Prueba con esto:

<html>
<head>
<title>Untitled</title>
</head>

<body>
<img>
<script>
foto=new Image();
foto.src="http://www.forosdelweb.com/image.php?u=11549&dateline=1089623522";
document.images[0].src=foto.src;
ancho=foto.width;
alto=foto.height;

alert(ancho)
alert(alto)
</script>

</body>
</html>

PatomaS · #3 (**permalink**) 23/09/2004, 02:06

Hola

Bueno, aquí te dejo un sencillo ejemplito:

Código:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<script type="text/javascript">
<!--
function alto_ancho() {
	alert('ancho = '+document.getElementById('imagen_00').width+'px.');
	alert('alto = '+document.getElementById('imagen_00').height+'px.');
}
//-->
</script>
<title>Obtener alto y ancho de una imagen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onload="javascript:alto_ancho()">
<div>
	<img src="cine.gif" width="100" height="50" id="imagen_00" alt="" />
</div>
</body>
</html>

Espero que te sirva...

Felicidad

PatomaS · #4 (**permalink**) 23/09/2004, 02:06

Uuuuups

Se me adelantó el maestro...

Disculpe usted jefe...

Felicidad

KarlanKas · #5 (**permalink**) 23/09/2004, 02:07

Patomas! Menudo encontronazo!!

Te gané!

caricatos · #6 (**permalink**) 23/09/2004, 02:27

Hola a todos:

Aunque sea la forma correcta la planteada por KarlanKas y PatomaS (¡Hola

!), si la imagen es romota, podría dar valores indefinidos cuando no esté cargada del todo (ya ha pasado en alguna ocasión...

) por lo que tal vez sea mejor mezclar esas funciones con uno de precarga como el de las FAQs (creo que 179)...

En el caso de estar en un tag img, creo que sería sufuciente usar el evento onload del mismo tag (y no del body)...

Saludos

huayayo · #7 (**permalink**) 23/09/2004, 12:54

gracias, muchachos funciono ok!!!!!