Din Opac in vizibil normal la apropiere cursor

[cata20]

Vreau sa fie semitransparente ,adica fade iar cand ma apropiu de poza userului sa apara vizibile la 100% culoarea lor. Ceva in genul ce am vazut la sentimente.ro dar nu am gasit ca indicatii nimic in codul sursa. Variante ar fi pe net dar daca stie careva un exemplu concret sa ma ajute pls.
Deci ele, neclare caci le-am redus opacitatea iar cand apropii pointerul de ele sa devina clare si sa le pot actiona ca link. Merci mult.

Multumesc anticipat _Cata.

Poate merge doar cu CSS.
Imaginea sa fie intr-un DIV, iar cand mouseul e pe zona acelui DIV (hover), seteaza opacitatea normal (1 , sau 100).
Testeaza codul urmator:

Cod: Selectaţi tot

<style type="text/css"><!--
.imglink {
 width:140px;
 background:#f1f233;
 padding:10px;
 text-align:center;
}
.imglink img {
 filter:alpha(opacity=50);     /* for IE */
 opacity:0.5;
}
.imglink:hover img {
 filter:alpha(opacity=100);     /* for IE */
 opacity:1;
}
--></style>

<div class="imglink">
 <a href="https://marplo.net/" title="Cursuri, Jocuri, Anime"><img src="https://marplo.net/imgs/baner.jpg" alt="Cursuri, Jocuri, Anime" /></a>
</div>

Merci Mariuse .Nici nu stii cat de bine merge:). Superrr

Merci mult !