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


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 23
Sexo: Masculino
Contato:

Smooth em imagem

24-10-2008 16:44

alguem sabe algum css ou js para eu dar um smooth na imagem para caso eu redimencione ela pelo html ela nao serrilhe?
0
Quer uma agenda online gratuita?
acesso o gerenciador pessoal http://www.mkt01.com.br/agenda/
 
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:

Smooth em imagem

24-10-2008 17:04

Pelo PHP acho que é possível montar um script e redimensionar a imagem automaticamente na hora da exibição, só com CSS e JavaScript não conheço, mas, se encontrar uma solução posto aqui.

No caso seria reduzir um jpg? Se sim, dê uma olhada

http://www.codigosnaweb.com/forum/viewt ... f=3&t=2459
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 407
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Smooth em imagem

26-10-2008 23:10

Não sei c é o caso mas vamos la ...

<ul class="photopreview">    <li><a href="#"><img src="imagens/foto01.jpg" alt="Descrição da Foto 1"></a></li>    <li><a href="#"><img src="imagens/foto01.jpg" alt="Descrição da Foto 1"></a></li>    <li><a href="#"><img src="imagens/foto01.jpg" alt="Descrição da Foto 1"></a></li>    <li><a href="#"><img src="imagens/foto01.jpg" alt="Descrição da Foto 1"></a></li> </ul>

O css seria ...

.photopreview {     width: 500px;     margin: 0 auto;     position: relative; }   .photopreview li {     float: left;     width: 100px; height: 75px;     padding: 10px; } .photopreview li img {     position: relative;     width: 100px; height: 75px;     border: 1px outset #CCC;     padding: 5px; background: #FFF; } .photopreview li:hover img {     cursor: default;     width: 400px; height: 300px;     top: -37px; left: -50px;     border: 1px outset #CCC; padding: 5px;     z-index: 100; background: #EEE; } .photopreview li:active img, .photopreview:active li:hover img {     width: 400px; height: 300px;     position: absolute;     left: 0; top: auto; } .photopreview li:hover img {     margin-bottom: -75px; margin-right: -100px; } .photopreview li:active img {     margin-bottom: -150px; margin-right: -200px; }

Utilizo desta forma e funciona perfeitamente , ao passar o mouse pela imagem ela aumenta automático.
0
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 23
Sexo: Masculino
Contato:

Smooth em imagem

27-10-2008 12:08

rss não era bem isso huahua na verdade queria algo q pudesse suavisar serrilhado da foto quando carrego ela em 50% por ex ou em um tamanho menor do q o normal dela.
0
Quer uma agenda online gratuita?
acesso o gerenciador pessoal http://www.mkt01.com.br/agenda/
 
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:

Smooth em imagem

27-10-2008 12:34

Esse script que passei, testei com JPG e retirou um pouco do serrilhado, testei no IE e FF.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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