immagini roll over

Ecco un effetto di Roll Over ottenuto con l'uso di css.

In scheda css

a.linkgdr img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
margin:0px;
}
a.linkgdr:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
margin:0px;
}

Le immagini sono inserite in oggetto HTML con questo codice

<a class="linkgdr" href="#"><img class="imImage"src="uno.jpg"alt="testo alternativo"/></a>
<a class="linkgdr" href="#"><img class="imImage"src="due.jpg"alt="testo alternativo"/></a>
<a class="linkgdr" href="#"><img class="imImage"src="tre.jpg"alt="testo alternativo"/></a>