<h3>Zoom nas Imagens com <span>Efeito Opacity</span></h3>

Hoje o tutorial tem grande utilidade, com ele você pode criar:
galeria de fotos,
Galeria de afiliados,
Exibir imagens em destaque,
Fazer o que a sua imaginação mandar.


O efeito redimensiona a imagem com efeito opacity e ao descansar o mouse a imagem aumenta. Veja o exemplo abaixo

-------------------------------------------------------------------------------------
Copie o código abaixo cole em HTML/Java Script e salve.

<center> <img onmouseout="this.width=50;this.height=50;this.style.opacity=0.5; this.filters.alpha.opacity='20';" onmouseover="this.width=100;this.height=100;this.style.opacity=1; this.filters.alpha.opacity='100'; "src="ENDEREÇO DA IMAGEM " style="opacity: 0.2;" height="50" width="50"> <img onmouseout="this.width=50;this.height=50;this.style.opacity=0.5; this.filters.alpha.opacity='20';" onmouseover="this.width=100;this.height=100;this.style.opacity=1; this.filters.alpha.opacity='100'; "src="ENDEREÇO DA IMAGEM" style="opacity: 0.2;" height="50" width="50"> <img onmouseout="this.width=50;this.height=50;this.style.opacity=0.5; this.filters.alpha.opacity='20';" onmouseover="this.width=100;this.height=100;this.style.opacity=1; this.filters.alpha.opacity='100'; "src="ENDEREÇO DA IMAGEM" style="opacity: 0.2;" height="50" width="50"> <br>     </center>