Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

25-02-2014 16:02

Ola amigos!

Estou com uma duvida que provavelmente seja simples, mas não encontrei solução aqui no fórum.

O problema é o seguinte.

Tenho um sistema que puxa os dados do BD e coloca em uma pagina PHP.

Ai eu falo pra ele que quero que a imagem seja exibida com largura de 200px e altura de 150px. Mas ela fica esticada.

Dai como tem umas imagens em pé e outras deitadas, quero que ele fale para a imagem na hora de exibir o seguinte:

Se a imagem for maior na largura, ajusta a largura para 200px,

Se a imagem for maior na altura, a altura vira 150px.

Endenteu? rs

Segue o codigo que puxa minha imagem:
<img src="fotos/produtos/'.$campo['foto1'].'" width="200" height="149" />

Nem sei se é possível com css, php ou html... acho que o mais provavel é php, por isso postei aqui

Obrigado desde ja e fico no aguardo

Abs

MOVIDO PARA JAVASCRIPT
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Redimensionar imagem em PHP de acordo com a largura ou altur

25-02-2014 17:28

Segue uma base em jQuery

<script src="jquery.js"></script>   <script> $(document).ready(function() { $('.imagem').each(function() {   // largura maior que altura if( $(this).width() > $(this).height() ) { $(this).width('200'); }   // largura menor que altura if( $(this).width() < $(this).height() ) { $(this).width('150'); }     }); }); </script>


<img src="i1.gif" class="imagem"> <img src="i2.gif" class="imagem">

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

26-02-2014 11:21

Boa tarde!

Deu certo e não deu, rs

As vezes ele executa a ação e as vezes não, tudo depende do F5.

Se voce clica em um produto depois da voltar, ele fica quase certo.

Veja por favor: http://moveisportao.com.br/2013/produtos.php

O que eu fiz:

Puxei o Jquery dentro do Head:
<script src="js/jquery-1.9.0.min.js"></script>

Também dentro do Head, coloquei o script que você passou:
<script> $(document).ready(function() { $('.imagem').each(function() {   // largura maior que altura if( $(this).width() > $(this).height() ) { $(this).width('200'); }   // largura menor que altura if( $(this).width() < $(this).height() ) { $(this).width('150'); }     }); }); </script>

Dai na imagem, dei a classe:

<div style="padding:5px;"> <a href="ver-produto.php?id_produto='.$campo['id_produto'].'" > <img src="fotos/produtos/'.$campo['foto1'].'" class="imagem" /> </a> </div>

Será que fiz algo errado, pq acontece isso?

Obrigado desde já

Abs
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Redimensionar imagem em PHP de acordo com a largura ou altur

26-02-2014 11:31

Qual navegador apresentou o problema? No Opera a princípio não deu problema. Ao voltar "back" a figura carrega reduzida.

Esse problema pode ser de cache no navegador.

Uma outra solução que você pode tentar, é gerar uma miniatura da imagem já no PHP. Veja nesse post Miniatura-de-foto-com-armazenamento-em- ... _5718.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

26-02-2014 11:37

Vou ver a miniatura.

O problema deu no chrome e no IE < 9

no IE, como nunca tinha aberto, deu certo no começo... mas depois do F5 ja saiu tudo do lugar.

Veja como abre pra mim: http://prntscr.com/2w0cuh

No seu independente de tudo abre certo? mesmo no chrome?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Redimensionar imagem em PHP de acordo com a largura ou altur

26-02-2014 12:58

O chrome não tenho. Mas no IE que tenho, que é o 11 não deu problema.

Mas deve ser o que falei. O navegador cria um cache da figura, armazenando o tamanho da última visualização.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

28-02-2014 15:43

Fala WEB,

Tendei em varios outros computadores, de casa, no celular... e nada, todos abrem errados pra mim.

Chrome, IE e Safari eu testei...

Se não tiver nada errado vou ter que tirar... será que não tem outra config?

Abraço e valeu
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Redimensionar imagem em PHP de acordo com a largura ou altur

28-02-2014 16:13

Aqui uso a configuração padrão. Mas você pode usar o método que indiquei, criando uma miniatura das fotos. Acho mais seguro.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

28-02-2014 16:15

Legal WEB,

Mas daí ele vai continuar com a regra? se largura for maior...

Abs
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Redimensionar imagem em PHP de acordo com a largura ou altur

28-02-2014 16:21

Eu acho que o script de miniatura tem essa opção. Mas só testando.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

28-02-2014 16:50

vou testar, qq coisa venho aqui denovo.

Valeu mesmo assim

Abraço
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 268
Sexo: Masculino

Redimensionar imagem em PHP de acordo com a largura ou altur

10-03-2014 17:42

E aí amigos!

Resolvi meu problema com o seguinte código:

Pega a largura e altura da imagem do BD:

list($width, $height) = getimagesize("fotos/produtos/".$campo['foto1'].""); 


//Se largura > altura redimensiona para largura=200 if ($width > $height) {       print "<div id='imagem'><img src=\"fotos/produtos/".$campo['foto1']."\" width=\"200\" alt=\"Clique Aqui para Ampliar\" /></div>"; //Se altura > largura redimensiona para altura=200   } elseif ($height >= $width) {       print "<div id='imagem'><img src=\"fotos/produtos/".$campo['foto1']."\" height=\"200\" alt=\"Clique Aqui para Ampliar\" /></div>";   }  

Funcionou certinho pra mim e ainda usei em outras miniaturas tmb.

Obrigado pela ajuda e um abraço!
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado