Como averiguar las medidas de una imagen?

codify · #1 (**permalink**) 17/02/2004, 06:50

Como puedo averiguar las medidas de una imagen?

Estoy haciendo un pequeño album de fotos donde aparecen las miniaturas y me gustaría que al hacer click sobre cada miniatura se abriera una ventana con las medidas de la imagen (y con la imagen dentro)...hasta ahora me ha salido bien pero no se como averiguar las medidas de cada imagen para abrir la ventana...

...gracias de antemano!...

Carlitos · #2 (**permalink**) 17/02/2004, 13:31

hola.

faq nº 55 de javascript.

http://www.forosdelweb.com/showthrea...896#post266896

caricatos · #3 (**permalink**) 17/02/2004, 15:54

Hola codify y Carlitos

:

Los valores de la imagen se puede saber mediante los atributos width y height tanto del tag img como de in objeto Image().

Llevo unos días trabajando con imágenes y se me ocurre una alternativa con precarga incluida:

<script language="javascript" type="text/javascript">
var imagen;
function _ventana() {
var ops = "width=" + imagen.width + ",height=" + imagen.height;
var ventana = window.open("", "", ops);
ventana.document.writeln("<html><body style='background-image:url(" + imagen.src + ")'></body></html>");
}

function _cargar() {
if (imagen.complete) _ventana()
else setTimeout("_cargar()", 100);
}

function _mostrar(x) {
imagen = new Image();
imagen.src = x;
_cargar();
}
</script>

Y se llama más o menos así:

<button onclick="_mostrar('fotos/maxi/Diapositiva52.jpg')">prueba</button>

De todos modos, el sistema que propone tunait en la FAQ que señala Carlitos, se ha tratado en estos foros, y está muy bien.

Saludos