Vemos que a primeira linha do código-fonte é semelhante ao código-fonte do Exemplo 1. Além disso, nós adicionamos um atributo onmouseover e onmouseout um atributo. O atributo onmouseover define o que vai acontecer quando o cursor do rato sobre a imagem. Neste caso, queremos que a imagem não ser transparente quando movemos o ponteiro do mouse sobre ele.
A sintaxe para isso no Firefox é this.style.opacity = 1 e da sintaxe no IE é this.filters.alpha.opacity = 100.
Quando o ponteiro do mouse se move para longe a partir da imagem, queremos que a imagem seja transparente novamente. Isso é feito no atributo onmouseout.

Foto opacity





<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /><br /> <br /> <br /> <br /> <img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/><br /> <br />