Ir para conteúdo

POWERED BY:

Arquivado

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

CaBo GeL

Proporcionar Imagem

Por , em Javascript

Recommended Posts

CaBo GeL    0

CaBo GeL
Postado

Ola galera!

estou kerendo um script q porporciona imagens, ou seja diminuir o tamanho de uma imagem proporcionalmente...

 

Ex:

um usuario coloca uma foto de 400x600, entaum que essa imagem diminua para 100x300 porporcionalmente...

ja tentei atribuir todas as imagens diminuido no src, mas n tive sucessso na qualidade das fotos.

 

<img src="<%=foto%>.jpg" width="100" height="300">

 

teria um outro jeito?

Agradesco desde ja!

 

Grato! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alexandre B.    0

Alexandre B.
Postado

sua pagina ficaria assim

 

<html>  <head>  <title>Imagem</title>  <script language="javascript" type="text/javascript">	function redim(novaaltura) {	 var imagem	 = document.getElementById('imagem');	 var altura	 = imagem.height;	 var largura	= imagem.width;	 var percentual = largura * 100 / altura;	 imagem.height = novaaltura;	 imagem.width  = novaaltura * percentual / 100;   } </head><body onLoad="java script:redim(800);"><img src="<%=foto%>.jpg" id="imagem"></body></html>

**Creditos da function para o membro Benck

Compartilhar este post

Link para o post
Compartilhar em outros sites

Salgado    4

Salgado
Postado

É só definir apenas uma das dimensões que a outra é automáticamente redimensionada proporcionalmente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

CaBo GeL    0

CaBo GeL
Postado

Cara, andei testando com uma foto maior.. porem qndo a pagina ta carregando, a foto fica do seu tamanho normal e depois q a paginha e carregada totalmente, ele porporciona a imagem.. saco?Por exwmplo:Qndo o usuario entra no site, a foto fica grande(que e seu tamanho normal), qndo a pagina e totlamente carregada, a foto fica pequena(que e o normal, como eu configurei)Puxa isso me deixou inseguro! imagina se eu colocasse vairas fotos na pagina... ia ficar um mote de fotos grandes na tela enquanto a pagina ta carregando...se puder me ajudar de outra forma agradesco...valeww

Compartilhar este post

Link para o post
Compartilhar em outros sites

arr    0

arr
Postado

Meu amigo, esquece esse javascript e faz como o salgado falou:Define só a largura da imagem que a altura se ajusta proporcionalmente.<img src="<%=foto%>.jpg" width="100">Agora tenha em mente que "espremer" as imagens assim é um trabalho meia boca (pra não dizer porco :D ).O correto seria redimensionar de verdade com um componente como aspjpeg ou aspimage.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Salgado    4

Salgado
Postado
Agora tenha em mente que "espremer" as imagens assim é um trabalho meia boca (pra não dizer porco :D ).

O correto seria redimensionar de verdade com um componente como aspjpeg ou aspimage.

Não diria meia boca, é uma solução possível e altamente utilizável.

 

Para redimensionar imagens via componentes não indico usar métodos "on the fly", isso destrói o processamento no servidor, caso venha a fazer uso deles faça ao fazer o upload das imagens.

Compartilhar este post

Link para o post
Compartilhar em outros sites

arr    0

arr
Postado

Não diria meia boca, é uma solução possível e altamente utilizável.

Possível e utilizáve sim, mas ainda assim na minha opinião é meia boca porque consome a banda de uma imagem grande para mostrar uma miniatura. Além da qualidade da visualização da imagem ficar com um aspecto longe do ideal mesmo reduzida proporcionalmente. De forma alguma é uma solução profissional.Uma amigo tinha uma loja virtual que mostrava as miniaturas assim e começou a ficar desesperado com os boletos de excesso de tráfego que apareciam todo mês. Migrei o sistema dele e o consumo de banda caiu para um terço do que era.

Para redimensionar imagens via componentes não indico usar métodos "on the fly", isso destrói o processamento no servidor, caso venha a fazer uso deles faça ao fazer o upload das imagens.

Com certeza é a melhor solução.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Salgado    4

Salgado
Postado
De forma alguma é uma solução profissional.
Nisso concordo plenamente.

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