Ampliar imagens - Efeito "onmouseover"

23 dezembro, 2009

Já tava um tempo atrás desse efeito e acabei encontrando em um "Japanese site". É um código simples que permite a imagem ser ampliada quando se passa o mouse sobre ela, tipo um efeito "zoom". Só é preciso colocar a URL da imagem hospedada neste código abaixo quando quiser utilizar esse efeito. Muito legal para dar destaque em uma imagem específica.

<img src="URL da imagem hospedada"onmouseover="this.width=150;this.height=150;" onmouseout="this.width=250;this.height=250;"/>

→ Em vermelho coloque a URL da sua imagem hospedada.
→ Em azul é o tamanho da imagem ampliada.
→ Em verde o tamanho da imagem em repouso. Faça suas próprias regulagens para testar e tenha uma boa postagem.


Passe o mouse na imagem para ver o efeito funcionar.





Via: 86707359.at.webry




Postar um comentário

blog comments powered by Disqus
 
Tema para Blogger por :: BloggerSPhera :: Imagens, conteúdo, calibragens, etc... Por :: Burity ::