Stránka 1 z 1

Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 14:16
od SpeedyGT
Zdravím, nemáte někdo JS pro zesvětlení IMG při najetí myší? Šiklo by se mi to na web :)

Re: Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 15:30
od bubanek
zkus se poprat se slimboxem:
http://www.digitalia.be/software/slimbox

Re: Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 17:40
od SpeedyGT
No já jsem spíše chtěl něco, co by při ukázání myší umělo obrázek sešedivět, aby se poznalo že je to aktivní odkaz...

Re: Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 18:43
od martin.ol

Kód: Vybrat vše

onmouseover="this.src='obrazek-sedy.png'" onmouseout="this.src='obrazek-barevny.png'"
:roll:

Re: Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 19:18
od SpeedyGT
martin.ol píše:

Kód: Vybrat vše

onmouseover="this.src='obrazek-sedy.png'" onmouseout="this.src='obrazek-barevny.png'"
:roll:
Jo, a zapomněl jsem napsat, že to nechci jako 2 obrázky, stačí mi třeba i zprůhlednění apod, abych to nemusel předělávat a u každého článku přidávat náhledy...

Re: Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 20:21
od SpeedyGT
Tak už mám hotovo. Pomocí tohohle kódu

V CSS

Kód: Vybrat vše

a.normal img {   
filter: alpha(opacity=100);   
-moz-opacity: 1.0;   
-khtml-opacity: 1.0;   
opacity: 1.0;   
                  }   
                    
a.normal:hover img {   
filter: alpha(opacity=50);   
-moz-opacity: 0.5;   
-khtml-opacity: 0.5;   
opacity: 0.5;   
}  
A v XHTML

Kód: Vybrat vše

<a href="#" class="normal"><img src="./apache_pb.gif" alt="" width="177" height="132" border="0" /></a>  
Takže pokud taky někdo shání, můžete použít :wink:

Re: Zesvětlení IMG pomocí JS

Napsal: úte 2. zář 2008, 20:47
od Pavel.P.
Dobře ty :old11: