Foros del Web - Ver Mensaje Individual - Conocer altura de una img y luego hacer algo con ella

emprear · #2 (**permalink**) 05/03/2013, 17:43

No necesitás cargar la página, ni siquiera poner la imágen en el body, podés determinar alto y ancho previamente

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
 
<script type="text/javascript">
//<![CDATA[
var alto;
var ancho;
var img = new Image();
img.src = 'http://static.forosdelweb.com/customavatars/thumbs/avatar187409_1.gif';
img.onload = function() {
alto = this.height;
ancho = this.width;
alert(ancho + 'x' + alto);
}
 
 
function verMedidas(){
alert(alto);
}
//]]>
</script>
</head>
<body>
<button onclick="verMedidas()">Alto imagen</button>
</body>
</html>

Al declarar las variables globales
var alto;
var ancho;
podés recuperar esas variables en cualquier otro momento

Saludos