Redimensionar Imagem

Por: Flávio Theruo KaminisseSaturday 22 October 2005 às 9:21 AM

Carlos Pereira da Costa perguntou-me como eu maximizava a foto no post do Meu Noivado. Na verdade, eu não maximizo a foto, eu tenho uma miniatura no post e uma foto maior, mas existe uma coisa bastante curiosa: a janela utilizada para abrir a foto maior.

Esta se redimensiona de acordo com o tamanho da imagem que estou tentando abrir, ou seja, posso utilizar esse mesmo script para abrir qualquer imagem. Essa idéia é bastante interessante pois não preciso saber o tamanho da imagem que será aberta, e nem necessito ter um tamanho fixo para as imagens de um site, o que me dá bastante flexibilidade.

Quem quiser dar uma olhada neste script, basta Clicar Aqui, e para dar uma olhada na função que deve ser chamada para abertura da imagem ampliada, basta Clicar Aqui.

Se o script der algum problema, e/ou ficar alguma dúvida, basta deixar um comentário que estarei respondendo o mais breve possível.

Quem leu até aqui deve estar se perguntando onde esta o redimensionamento da imagem, na verdade, a imagem vai ser redimensionada se ela ultrapassar a resolução utilizada pelo visitante do site.

Esse script foi sobre como utilizar duas imagens, uma pequena e outra grande para obter esse efeito. No meu próximo post, que espero ser o mais breve possível, estarei escrevendo sobre como gerar automaticamente os famosos thumbnails utilizando o PHP, acredito que muita gente já conhece, mas ainda assim, vale a pena escrever.

Esperem e aguardem.

Artigos relacionados:

Tags: Imagem JavaScript PHP Programação Tecnologia

8 Comentários para “Redimensionar Imagem”

# 1° Davis Zanetti Cabral October 27th, 2005 às 9:22 PM GMT

Ae, legal o post bicho… Mas isso eu já tava por dentro. Utilizei redimensionamento dinâmico com geração de fotos com marcadágua inclusive num site que estou desenvolvendo.
Bom… Havia deixado meu javascript desativado, para testar um graceful degradetion e por isso os thumbs não apareciam. Queria saber se existe alguam alternativa. Mas já fiz uma, vou ver se posto no meu blog.
Abraços!

# 2° Precisa de um pop-up aí? » Revolução November 9th, 2005 às 11:48 AM GMT

[...] Algumas pessoas escreveram perguntando sobre o script utilizado para abrir as fotos do hostsite da Rubens de Freitas relacionado ao meu post anterior. O Flávio "Japs" Kaminisse, foi o responsável pelo JavaScript e pela criação da Query String em PHP. Se você quiser uma explicação mais detalhada sobre isso, o Japs escreveu um post explicando como ele fez. Tudo o que ele fez está lá disponível para usar e abusar. [...]

# 3° Joaquim November 30th, 2006 às 2:17 AM GMT

Vlw pela dica foi util pra mim e vai ser pra muita gente

Joaquim
ArtBuilder – Sistemas ASP de Gerenciamento

# 4° raquel April 23rd, 2007 às 11:03 AM GMT

cara, tu tem o código pra fazer isso em ASP?
faz meses que to me matando atrás disso q não acho.

valew

# 5° Ricardo Kondo August 21st, 2007 às 4:24 PM GMT

fala ae mano blz??
é o seguinte eu gostaria de redimensionar todas as fotos que eu tenho para o tamanho de 2×3 para inserir no meu banco de dados em ACCESS. sera que tem como vc me dar uma ajuda.. se puder me ajudar eu agradeceria muito..

Atenciosamente
Ricardo KOndo

# 6° Fabio August 31st, 2007 às 2:42 PM GMT

Fala Japs…
Muito legal essa sua função, funcionaou direitinho!!!
Obrigado.
abrazzz..

# 7° Roulien Diógenes September 21st, 2007 às 12:57 PM GMT

Bom dia, estou começando agora a criar site em flash e gostaria de saber como faço para carregar uma imagem dentro de um pop up. Quero saber realmento todo o passo a passo por favor.

Desde ja agradeço a atenção.

# 8° Precisa de um pop-up aí? ≈ Revolução Etc July 20th, 2010 às 2:14 PM GMT

[...] Query String em PHP. Se você quiser uma explicação mais detalhada sobre isso, o Japs escreveu um post explicando como ele fez. Tudo o que ele fez está lá disponível para usar e [...]

Avisos: Os ítens com asterisco ( * ) são campos de preenchimento obrigatório.; Todos os links inseridos nos comentários possuem o atributo rel="nofollow" para impedir com que user agents (como os mecanismos de busca) sigam os links inseridos para desestimular spammers.; Todos devem se identificar através de e-mail válido.; Os e-mails dos usuários não serão divulgados no site.