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.
Via: 86707359.at.webry
Postar um comentário