Permalänk
Medlem

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

Visa signatur

WS: Mac Studio M1 Max | 32 GB | 1TB | Mac OS
WS: Intel i5 12600K | 64 GB DDR4 @3600 Mhz | 2x1TB nvme 2x1TB SSD SATA | Windows 11 & Manjaro Linux
Bärbar: Macbook Pro 14" | M1 Pro | 16GB RAM | 512GB SSD | Mac OS
Servrar: Intel i7 10700K | 64 GB DDR4 @3600Mhz | 3 TB SSD + 22TB HDD | Unraid |
4x Raspberry pi 4b 8Gb | Dietpi |

Permalänk
Medlem

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

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

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

Visa signatur

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

Permalänk
Medlem
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.

Permalänk
Medlem
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.

Permalänk
Medlem

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