Ir para conteúdo
Fórum Script Brasil
  • 0

Redimencionar Imagem...

ViniciusJau

Perguntado por ViniciusJau,

 Share

Pergunta

ViniciusJau

ViniciusJau

Postado
Postado

e ai pessoal...

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 blink.gif

eu achei estranho, achei que um funcionav apra gif e o outro pra jpg .. mais eu inverti a ordem das imagens e percebi isso.. wacko.gif

se alguém quiser ver funcionando:

http://www.bigmagazine.com.br/seguro/fotos/foto.php

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
fercosmig

fercosmig

Postado
Postado

algumas variáveis com o nome errado:

<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>

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...