Trädvy Permalänk
Medlem
Plats
Sverige
Registrerad
Jul 2001

Tonad sida vid bildvisning

Det är ju ganska populärt att när man klickar på thumbnails på en sida så kommer då en större bild upp mitt på skärmen och websidan, som då hamnar i bakgrunden, blir nedtonad i bakgrunden av en mörkare färg.. Hur åstadkommer man denna effekt?
Javascript? php? Skulle vilja fixa det på en sida nämligen

WS: AMD Ryzen 7 1700 | 16 GB DDR4 | Geforce GTX 1060 OC 6GB | 480 + 256 + 240 + 240 GB SSD | Win10 x64 Professional + Antergos Linux (Arch-derivat)
Bärbar: Macbook Pro Retina 13" | Intel Core I5 2,4Ghz | 16GB RAM | 256GB Flash
Server: 3x HP Proliant microserver Gen8 | 16 GB DDR3 ECC ram | Sammanlagt 26TB HDD | Esxi

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007

Det är en kombination av JavaScript och CSS kan man säga. Det vanligaste är att använda ett färdigt paket, exempelvis thickbox

Bilanaloger är som Volvo — varenda svenne kör med dem

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Feb 2005

Är lite nyfiken på koden som sköter toningen, är det en svart div med opacity man använder sig av?

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Jun 2005
Citat:

Ursprungligen inskrivet av save
Är lite nyfiken på koden som sköter toningen, är det en svart div med opacity man använder sig av?

Har inte kollat hur de fungerar, men skulle tro att det antingen är det eller en svart png med lite opacity som gäller.

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Jun 2004
Citat:

Ursprungligen inskrivet av save
Är lite nyfiken på koden som sköter toningen, är det en svart div med opacity man använder sig av?

Ja, i CSSen ligger detta för den div du pratar om:

.TB_overlayBG { background-color:#000; opacity: 0.75; }

ThickBox kör utöver denna svarta div också en png-fix för att dölja flashelement på Fx i OSX på Mac.

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Jan 2007

Om trådskaparen vill ha lite mer att välja på så finns det en lista över lightbox-kloner.