capturar largura e altura da imagem clicada
Olá amigos estou tentando capturar o tamanho real (width, height) das imagens que compõem meu álbum de fotos.
Ao clicar na imagem preciso capturar altura e largura, já tentei de várias formas mas, o valor que retorna não é o tamanho real, apenas é repetido o valor da primeira imagem do array;
Veja online: [http://www.via85.tk/photos/](http://www.via85.tk/photos/)
As 3 imagens do álbum têm os tamanhos abaixo que preciso capturar:Natural
200 x 252
259 x 194
1024 x 683
Meu código está assim:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Album</title>
<style>
.img{
height:80px;
float:left;
margin:1px;
}
.imgBig{
width:auto;
height:300px;
float:left;
display:block;
}
</style>
</head>
<body>
<div id="boxAlbum">
<script>
var path = "img/";
var img = ["panicat.jpg","por.jpg","azul.jpg"];
var i = 0;
var tam = img.length;
function mostraImagem(){
while (i < tam) {
document.write('<img class="img" onclick="abreImg(alt);" alt="' +img[i]+ '" id="imagem" src="' +path+img[i]+ '">');
i++;
}
}
</script>
</div>
<!-- lista miniaturas -->
<script>mostraImagem();</script>
<!-- Exibe imagem ampliada -->
<script>document.write('<img class="imgBig" id="imgBig" src="">');</script>
<script>
function abreImg(valor) {
var img = document.getElementById('imagem').innerHTML=valor;
var altura = document.getElementById("imagem").height;
var largura = document.getElementById("imagem").width;
alert(img + "\nAltura: "+altura+"\nLargura: "+largura);
}
</script>
</body>
</html>Discussão (3)
Carregando comentários...