Efeito Opacidade Em Imagem

Por Fudo Yusei;Ás 05:54 Dia 14 de fev. de 2012

EFEITO OPACIDADE EM IMAGEM
Do 1 jeito vc usa este código abaixo

<a href="AQUI SEU LINK" target="_blank"><img onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' style='opacity: 0.4;' src="AQUI LINK DA IMAGEM" border="0" /></a><br />

E tem a maneira mais fácil que vc vai em:

]]></b:skin>

Acima dela cole este código abaixo:

#abc img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
}
#abc img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
}

Salve e pronto
Para colocar o efeito nas imagens use o código abaixo

<div id="abc">
<a href="LINK DO SITE" target="_blank"><img src="LINK DA IMAGEM" border="0" /></a><br/>
</div>