seguinte.. eu estava tentando redimencionar uma imagem, assim
se ela for maior que 200 pixels colocar ela com 200 pixels..rs
e redimencionar a altura automaticamente...
eu to usando esse codigo aqui:
<html>
<head>
<title>Teste_foto</title>
<script language="JavaScript">
function altera(){
var altura = document.images['imagem'].height;
var largura = document.images['imagem'].width;
if (largura > 200){
document.images['imagem'].width = 200;
var porcenLarg = (200*100)/ largura;
var difPorcentLarg = 100 - porcentLarg;
var defAltura = (altura * difPorcenLarg)/ 100
document.images['imagem'].height = altura - defAltura
}
}
</script>
</head>
<body onLoad="altera()">
<img src="060213151127.jpg" id="imagem" onload="altera()">
<br>
<img src="060222171806.gif" id="imagem" onLoad="altera()">
</body>
</html>
eu fiz o teste com uma imagem GIF e outra JPG.. só qeu tem uma coisa estranha acontecendo..
no firefox o codigo funciona só com a imagem que estiver em primeiro.. e no internet explorer o codigo funciona só pra imagem que estiver em segundo
eu achei estranho, achei que um funcionav apra gif e o outro pra jpg .. mais eu inverti a ordem das imagens e percebi isso..
se alguém quiser ver funcionando:
http://www.bigmagazi.../fotos/foto.php
