Carousels
Description
This page demonstrates the use of carousels in/for various components.
Fuctionality might vary depending on the styling & type of component & content options.
The carousel library we use is called 'swiper': https://swiperjs.com/. Owl carousel will be outfased.
Components with fixed carousel
- Image carousel
- There column carousel desktop (For displaying selected cards in a caorusel)
Component types with carousel option
- Hero types
- Hero multibox
- Hero text box
- Media boxes
- There column carousel mobile (For displaying cards & info boxes in a caorusel)
Carousel options
- Mandatory
- Navigation dots
- Optional
- Prev-next arrows
- Image aspect ratio (obs 4:5 is too tall and 16:5 is too low)
- Default 3:2
- Sqaure 1:1
- HD/Video 16:9
- None/auto
- Effects
- Slide
- fade
Heros with carousel option
Media box with carousel option
Media box carousel
Morbi tincidunt augue interdum velit euismod in pellentesque. Adipiscing tristique risus nec feugiat in fermentum. Orci nulla pellentesque dignissim enim sit amet venenatis. Luctus accumsan tortor posuere ac ut consequat. Sed vulputate mi sit amet mauris commodo.This is a link.
Image carousel (New)
Three column carousel - Desktop down
Sundhed og helbred
Tesla er bedst kendt for sine elbiler. Men firmaets batteriteknologi kan
Midlertidig indfrysningsordning
Virksomheder, der er gået konkurs
Trafik og parkering
Løntilskud - offentlig virksomhed
Bolig
Find dit bibliotek. Lån e-bøger, reserver materialer, forny udlån og meget mere.
Det lovpligtige erhvervsaffaldsgebyr
Tjek adgangsforhold og tilgængelighed
Borger service
Erhvervsledere skaffer småjob til ledige københavnere
Three column carousel - Tablet down

Festival
Det er gratis at få arrangementet på sitet. Når du har trykket send, lægger vi det på hurtigst muligt .Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut auctor nibh eu blandit aliquam. Pellentesque in justo est. Vivamus et mauris varius, condimentum arcu sed, porttitor nunc