O tamanho da imagem exibido no navegador pode não ser sua altura e largura reais. Por exemplo, como abaixo, adicionaremos estilos de largura e altura.
<img src = "ie.png">
Isso mostra o tamanho no navegador de 25px. Então, como temos o tamanho real da imagem? , o código a seguir implementa esta função
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
</head>
<Body>
<img src = "ie.png" id = "imagem">
<Cript>
// Defina atraso para garantir que o carregamento da imagem seja concluído
setTimeout (function () {
var
real_width,
real_height,
_im = document.getElementById ('imagem'),
im = document.createElement ('img');
im.src = _im.src,
real_width = im.width,
real_Height = im.Height;
alert (real_width+'/n'+real_height);
}, 500);
</script>
</body>
</html>
NOTA: Eu testei o código acima no IE7+ e o Chrome, porque não posso testá -lo porque o IE6 não está instalado.
Código muito útil, eu o uso na maioria dos projetos, sinta -se à vontade para usá -lo