Zesvětlení IMG pomocí JS

Vývojová prostředí, aplikace, skripty, http://www... síťové programy, internet, sdílení...
Odpovědět
SpeedyGT
Mírně pokročilý
Mírně pokročilý
Uživatelský avatar
Registrován: 16. kvě 2005
Kontaktovat uživatele:

Zesvětlení IMG pomocí JS

Příspěvek od SpeedyGT »

Zdravím, nemáte někdo JS pro zesvětlení IMG při najetí myší? Šiklo by se mi to na web :)
AMD Ryzen R7 7700X + AiO Fractal Lumen S36 V2 / ASUS TUF Gaming B650-PLUS / Kingston FURY 2x32GB 5200MHz / Gigabyte RX 7900GRE OC / WD Black SN770 NVMe 1TB / Corsair RM850e (2025) / Fractal Meshify / 3x Samsung Odyssey G5 G50 2560x1440 180Hz
bubanek
Středně pokročilý
Středně pokročilý
Uživatelský avatar
Registrován: 24. dub 2005
Bydliště: D1

Re: Zesvětlení IMG pomocí JS

Příspěvek od bubanek »

zkus se poprat se slimboxem:
http://www.digitalia.be/software/slimbox
SpeedyGT
Mírně pokročilý
Mírně pokročilý
Uživatelský avatar
Registrován: 16. kvě 2005
Kontaktovat uživatele:

Re: Zesvětlení IMG pomocí JS

Příspěvek 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...
AMD Ryzen R7 7700X + AiO Fractal Lumen S36 V2 / ASUS TUF Gaming B650-PLUS / Kingston FURY 2x32GB 5200MHz / Gigabyte RX 7900GRE OC / WD Black SN770 NVMe 1TB / Corsair RM850e (2025) / Fractal Meshify / 3x Samsung Odyssey G5 G50 2560x1440 180Hz
martin.ol
Začátečník
Začátečník
Registrován: 18. srp 2006
Bydliště: Olomouc
Kontaktovat uživatele:

Re: Zesvětlení IMG pomocí JS

Příspěvek od martin.ol »

Kód: Vybrat vše

onmouseover="this.src='obrazek-sedy.png'" onmouseout="this.src='obrazek-barevny.png'"
:roll:
Desktop: MB: K9N6PGM2-V2 - Čipset NVIDIA , socket AM2+, DDR2, SATA2; GK: nVidia GT240, 512MB, DVI + HDMI; CPU: AMD ATHLON II X2 Dual-Core 3,0 GHz, 4MB; RAM: DDR2 4GB 800MHz; HDD: 2TB SATAII, 250GB SSD DVD: DVD-RAM LG; OS: Win 10 Home
SpeedyGT
Mírně pokročilý
Mírně pokročilý
Uživatelský avatar
Registrován: 16. kvě 2005
Kontaktovat uživatele:

Re: Zesvětlení IMG pomocí JS

Příspěvek 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...
AMD Ryzen R7 7700X + AiO Fractal Lumen S36 V2 / ASUS TUF Gaming B650-PLUS / Kingston FURY 2x32GB 5200MHz / Gigabyte RX 7900GRE OC / WD Black SN770 NVMe 1TB / Corsair RM850e (2025) / Fractal Meshify / 3x Samsung Odyssey G5 G50 2560x1440 180Hz
SpeedyGT
Mírně pokročilý
Mírně pokročilý
Uživatelský avatar
Registrován: 16. kvě 2005
Kontaktovat uživatele:

Re: Zesvětlení IMG pomocí JS

Příspěvek 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:
AMD Ryzen R7 7700X + AiO Fractal Lumen S36 V2 / ASUS TUF Gaming B650-PLUS / Kingston FURY 2x32GB 5200MHz / Gigabyte RX 7900GRE OC / WD Black SN770 NVMe 1TB / Corsair RM850e (2025) / Fractal Meshify / 3x Samsung Odyssey G5 G50 2560x1440 180Hz
Pavel.P.
Středně pokročilý
Středně pokročilý
Registrován: 28. lis 2005
Bydliště: UHB

Re: Zesvětlení IMG pomocí JS

Příspěvek od Pavel.P. »

Dobře ty :old11:

...
Odpovědět

Zpět na „Programování a web“