filter tas bort vid mouseover

hejsan,

har sett dessa bilder pa natet dar ett filter dimmer ut bilden o nar man sedan for musen over sa fadas orginalbilden fram, hur fixar man detta enklast och smidigast, utan att ha 2 olika bilder? vill helst ha en class om detta ar mojligt

Här är ett exempel, var det något sånt du tänkte dig?

<style type="text/css"><!--
img {border: none;}
.fadelink		{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); height: 16px; 
			 -moz-opacity: .5;}
a.fadelink:hover	{filter: none;
			 -moz-opacity: 1;}

--></style>

<a href="sida.html" class="fadelink"><img  src="bild.gif" ></a>

jupp, fast med en mjukare fadning, dvs att den fader fran morkt filter till orginalbild, just nu gar det blixt snabbt, ingen mjuk fadning