Efeito opacidade sobre imagens mouseover

Bom, para quem já viu o artigo de Efeito Mouseover ao passar mouse sobre imagem pode agora conferir como utilizar este mesmo efeito (Mouseover) para que dê opacidade na imagem. Muito prático e simples. O procedimento é bem simples, basta inserir o código abaixo onde quiser e com a imagem que quiser.

<a target="_top" href="Link-da-imagem:">
<img title="Descrição" src="Link-origem-da-imagem" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" border="0" height="24" width="39" /></a>

Link-da-imagem: Aqui deve conter o link para onde deverá redirecionar a sua imagem qo se clicar nela.
Link-origem-da-imagem: Aqui deverá conter o link de origem da imagem.
width: Neste atributo voce deve modificar de acordo com a largura da sua imagem.
height: Neste atributo voce deve modificar de acordo com a altura da sua imagem.

O efeito final será este:

Kassio Romulo

Bacharel em Ciência da Computação pela UFMA e atualmente trabalhando como analista desenvolvedor C#. Programador PHP com foco em Back-End.