Ztmavení okolních obrázků pomocí CSS

10. 5. 2010 20:45:45

Potřeboval bych pomoct s jedním detailem na webu - http://www.kowestra.cz/prace/080510/krok1.php. Je tam pás, kde jsou obrázky a nadpisy - Byt, dům, chata, ... Mám za úkol, po najetí myší na obrázek všechny okolní obrázky ztmavit a jenom ten obrázek, který je aktuálně vybraný bude barevný. Vše funguje jen, když se najede na ten nadpis shora (nadpis se zvýrazní červeně), ale pokud zkusíte najet na obrázek zespodu, zjistíte, že je pořád tmavý.

Jak to udělat, aby po najetí myší na obrázek zůstal aktuální barevný a ostatní se ztmavily.

(Řeším to pomocí překrývání poloprůhledného png obrázku.)

Prosím pomozte, jsem úplně bezradný :(

10. 5. 2010 20:45:45

https://webtrh.cz/diskuse/ztmaveni-okolnich-obrazku-pomoci-css#reply503167

Jakub Stacho

(20 hodnocení)

11. 5. 2010 00:54:28

#sort div a si dej přes celou výšku.

Stavy jeho pozadí si napaletuj „vedle sebe“, místo současného „nad sebou“ a při hoveru měň background position left/right;

11. 5. 2010 00:54:28

https://webtrh.cz/diskuse/ztmaveni-okolnich-obrazku-pomoci-css#reply503166

kowestra

(3 hodnocení)

11. 5. 2010 18:50:34

Zkoušel jsem to, ale nepomohlo to. Přes noc jsem si uvědomil, že chyba bude asi v jednom obrázku, který ten div překrývá (absolutní pozicování + vrstvy), takže jsem ho musel smazat a vše jede, jak má. Ale na web to dávat už nebudu. Ale moc díky :)

11. 5. 2010 18:50:34

https://webtrh.cz/diskuse/ztmaveni-okolnich-obrazku-pomoci-css#reply503165

Pro odpověď se přihlašte.

Přihlásit