Autor Zpráva
TheTony
Profil
Dobrý den,

tak vás opět zdravím s problémem. Mám obrázek, který má defaultně nastavenou opacity na 0.5 (tzn. je mírně "šedý"). Chtěl bych to udělat tak, aby při najetí myší na ten obrázek byla opacity zase 1 (tzn. plná barva). Snad mě všichni pochopí správně, mé vyjadřovací schopnosti nejsou moc dobré.
user243
Profil
<img src="#" alt="#" onmouseover="this.style.opacity=1;" onmouseout="this.style.opacity=0.5;"> pro ie použjl filtr
TheTony
Profil
Děkuji moc.
Amunak
Profil
Na to nepotřebuješ ani javascript - použij CSS pseudotřídu hover.
.pruhledny img {
  opacity: 0.5
}
.pruhledny img:hover {
  opacity: 1
}
user243
Profil
pro ie ještě hover.htc a zase filtr
margin
Profil *
Pokud je obrázek odkazem, co předpokládám, tak to jde udělat ještě jednodušeji a bude to fungovat i v IE4 ;-)
<style>
a img {filter: alpha(opacity=50); opacity: 0.5;}
a:hover img {filter: none); opacity: 1;}
</style>

<a href="#"><img src="http://diskuse.jakpsatweb.cz/img/logo.png"></a>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: