это делается п омощью стилей
простой код:
этим кодом выводим картинки на сайте в частности класс linkopacity
PHP код:
<p><a class="linkopacity" target="_blank" href="http://site.ru"><img height="60" width="115" src="icon/intellect.jpg" alt="Intellect Money" /></a>
<a class="linkopacity" ><img height="60" width="100" src="icon/sberbank.png" alt="Сбербанк" /> </a>
<a class="linkopacity" target="_blank" href="http://site.ru"><img height="60" width="100" src="icon/webmoney.png" alt="webmoney" /></a>
<a class="linkopacity" target="_blank" href="http://site.ru"><img height="60" width="100" src="icon/qiwi.png" alt="QIWI" /></a>
<a class="linkopacity" ><img height="60" width="100" src="icon/mastercard.png" alt="Mastercard" /></a>
<a class="linkopacity" ><img height="60" width="100" src="icon/visa.png" alt="VISA" /></p></a>
это стиль который прописываем в css (насыщенность можно менять с помощью параметра opacity в данном примере 30%):
PHP код:
a.linkopacity img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }