Hopp til hovedinnhold

Media - grid

Tilsvarende funksjonalitet som tidligere, men modernisert CSS.

Av historiske årsaker så blir valget "grid" omdøpt til "lightbox" i sluttvisning.

Ingen fokuspunkt
bruker css - grid
kan enkelt utvides slik at redaktør kan velge antall i bredden og evnt fylle hele skjermbredden med bilder om man vil..
avklare bildetekster / fotograf etc.

css-variabler (ikke landet)

gap (luft mellom bilder)
bakgrunnsfarge bak hele galleriet og hjørnene på dette (radus)

grid = media--lightbox

Auto/Fyll ramme: cover

1/9

Må vurdere hva vi gjør med bildetekster..
2/9

Må vurdere hva vi gjør med bildetekster..
3/9
4/9
5/9

Hic quam delectus et Quis ducimus eum itaque expedita!
6/9

Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt
7/9

Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt non voluptatibus quos eum totam alias est galisum natus!
8/9

Norsk bildetekst: Lorem ipsum dolor sit amet. Hic quam delectus et Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt non voluptatibus quos eum totam alias est galisum natus!
9/9

grid (media--lightbox)

Sentrert i ramme: contain

1/9

Må vurdere hva vi gjør med bildetekster..
2/9

Må vurdere hva vi gjør med bildetekster..
3/9
4/9
5/9

Hic quam delectus et Quis ducimus eum itaque expedita!
6/9

Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt
7/9

Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt non voluptatibus quos eum totam alias est galisum natus!
8/9

Norsk bildetekst: Lorem ipsum dolor sit amet. Hic quam delectus et Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt non voluptatibus quos eum totam alias est galisum natus!
9/9

grid (media--lightbox) + --full

1/9

Må vurdere hva vi gjør med bildetekster..
2/9

Må vurdere hva vi gjør med bildetekster..
3/9
4/9
5/9

Hic quam delectus et Quis ducimus eum itaque expedita!
6/9

Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt
7/9

Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt non voluptatibus quos eum totam alias est galisum natus!
8/9

Norsk bildetekst: Lorem ipsum dolor sit amet. Hic quam delectus et Quis ducimus eum itaque expedita! Ad similique corporis ab totam nesciunt non voluptatibus quos eum totam alias est galisum natus!
9/9