Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ruinas

Imagem

Por , em Javascript

Recommended Posts

ruinas    0

ruinas
Postado

Ola Pessoal,Estou com o seguinte problema.Tenho que redimencionar a largura e a altura de uma imagem, exmplo 800X600 para 120X90.Mais isso tem que ser proporcionalmente.Eu criei uma funcao para isso,Segue a mesma abaixo:<script Language="JavaScript"><!-- function Mostra_Imagem(imagem, max) { var img = new Image(); var cont = 0; img.src = imagem; while(img.complete == false && cont++ < 100) img.src = imagem; var LARGURA = img.width; var ALTURA = img.height; if(LARGURA >= ALTURA) { MAIOR = LARGURA; MENOR = ALTURA; MEDIA = MAIOR / max; VALOR_LARGURA = MAIOR / MEDIA; VALOR_ALTURA = MENOR / MEDIA; } else { MAIOR = ALTURA; MENOR = LARGURA; MEDIA = MAIOR / max; VALOR_LARGURA = MENOR / MEDIA; VALOR_ALTURA = MAIOR / MEDIA; }document.write("<img src=" + img.src + " border=0 width=" + VALOR_LARGURA + " height=" + VALOR_ALTURA + ">"); }--></Script>Só que o problema é.Eu estou criando um objeto do tipo imagem para pegar os valores de altura e largura. So que a pagina esta sendo carregada antes da imagem.Fazendo com que a imagem nao apareça na pagina algumas vezes, na maior parte na primeira vez que o usuario entre na pagina.Gostaria de opiniões para fazer um remimensionamente proporcional sem ter que enfrentar esse problema de carregamento da imagem.Obrigado. ^_^

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Ruinas, como está seu código todo? Tem como mostrar pra gente por favor??TIpo... quando você chama esse método? é onLoad? onClick? a imagem já está direto na página? Como funciona??VALEW!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

dmarcosm    0

dmarcosm
Postado

E ai cara. Beleza?!Da uma olhada no código abaixo:

<html><head><script>	function mudaTamanho(img, max) {		var LARGURA = img.width;		var ALTURA = img.height;		if (LARGURA >= ALTURA) {			MAIOR = LARGURA;			MENOR = ALTURA;			MEDIA = MAIOR / max;			VALOR_LARGURA = MAIOR / MEDIA;			VALOR_ALTURA = MENOR / MEDIA;		} else {			MAIOR = ALTURA;			MENOR = LARGURA;			MEDIA = MAIOR / max;			VALOR_LARGURA = MENOR / MEDIA;			VALOR_ALTURA = MAIOR / MEDIA;		}		img.width = VALOR_LARGURA;		img.height = VALOR_ALTURA;	}</script></head><body>	<img src="figura.gif" name="imagem" id="imagem" width="20" height="20" onLoad="mudaTamanho(this, 200);"></body></html>

Entendeu?!Espero ter ajudado. Abraço. ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

tenta colocar o ONLOAD na tag BODY! vai rolar! ;) FLOW!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito