Gå til indhold

Billeder på Teaser Module - topstillet billede

Brug af billeder og indstillinger i Teaser Modul

Flg. billedeformater bruges i eksemplerne nedenfor

Højformat billede

Cover

Vælges Cover vil hele billedefeltet blive fyldt ud med billede. Billedet agerer lidt forskellige afhængig af om der vælges teaser module med billede i toppen eller billede til venstre/højre. Og mht teaser module med billede til venstre/højre afhænger det også af hvor meget tekst der sættes ind.

Men det vigtigste at forstå er at billedefeltet fyldes helt ud - også uafhængigt at skærmstørrelse.

Contain

Contain svarer til at vælge "Vis hele billedet" på billede-komponenten. Det betyder at billedet vises med de originale proportioner (forholdet mellem højde og bredde), hvilket kan betyde at der er luft i top/bund eller i siderne. Billedet bliver ikke beskåret som et billede med indstillingen Cover bliver.

ContainWithPaddingSmall

ContainWithPaddingSmall er ligesom indstillingen Contain, dog er der min. 24 px luft rundt om billedet.

ContainWithPaddingLarge

ContainWithPaddingLarge er ligesom indstillingen Contain, dog er der min. 48 px luft rundt om billedet.

Bredformat billede

Cover

Vælges Cover vil hele billedefeltet blive fyldt ud med billede. Billedet agerer lidt forskellige afhængig af om der vælges teaser module med billede i toppen eller billede til venstre/højre. Og mht teaser module med billede til venstre/højre afhænger det også af hvor meget tekst der sættes ind.

Men det vigtigste at forstå er at billedefeltet fyldes helt ud - også uafhængigt at skærmstørrelse.

Contain

Contain svarer til at vælge "Vis hele billedet" på billede-komponenten. Det betyder at billedet vises med de originale proportioner (forholdet mellem højde og bredde), hvilket kan betyde at der er luft i top/bund eller i siderne. Billedet bliver ikke beskåret som et billede med indstillingen Cover bliver.

ContainWithPaddingSmall

ContainWithPaddingSmall er ligesom indstillingen Contain, dog er der min. 24 px luft rundt om billedet.

ContainWithPaddingLarge

ContainWithPaddingLarge er ligesom indstillingen Contain, dog er der min. 48 px luft rundt om billedet.

Aflangt billede

Cover

Vælges Cover vil hele billedefeltet blive fyldt ud med billede. Billedet agerer lidt forskellige afhængig af om der vælges teaser module med billede i toppen eller billede til venstre/højre. Og mht teaser module med billede til venstre/højre afhænger det også af hvor meget tekst der sættes ind.

Men det vigtigste at forstå er at billedefeltet fyldes helt ud - også uafhængigt at skærmstørrelse.

Contain

Contain svarer til at vælge "Vis hele billedet" på billede-komponenten. Det betyder at billedet vises med de originale proportioner (forholdet mellem højde og bredde), hvilket kan betyde at der er luft i top/bund eller i siderne. Billedet bliver ikke beskåret som et billede med indstillingen Cover bliver.

ContainWithPaddingSmall

ContainWithPaddingSmall er ligesom indstillingen Contain, dog er der min. 24 px luft rundt om billedet.

ContainWithPaddingLarge

ContainWithPaddingLarge er ligesom indstillingen Contain, dog er der min. 48 px luft rundt om billedet.