Carousel blok
Met het Carousel block toon je een reeks afbeeldingen, video’s of ingesloten media als een schuivende slider. Per slide bepaal je het mediatype en kun je optioneel een titel, tekst en knop over de slide heen plaatsen.
Het block toevoegen
Zoek in de blokken-editor op “Carousel” en voeg het block toe aan de pagina.
Slides toevoegen
Klik op “Slide toevoegen” om een nieuwe slide aan te maken. Je kunt onbeperkt slides toevoegen.
Type
Per slide kies je welk type media wordt getoond:
Afbeelding
Kies één afbeelding uit de mediabibliotheek. Optioneel voeg je een link toe zodat de afbeelding klikbaar is.
Afbeelding (gestapeld)
Plaats twee tot vijf afbeeldingen verticaal gestapeld in één slide. Per afbeelding stel je in:
- Afbeelding — de te tonen afbeelding
- Hoogte — het percentage van de slide-hoogte dat deze afbeelding inneemt.
- De hoogtes van alle afbeeldingen samen moeten optellen tot 100%.
- Link — optionele klikbare link op deze afbeelding
Met Ruimte tussen afbeeldingen stel je de tussenruimte in pixels in (0–64 px, standaard 16 px).
Video
Upload een videobestand uit de mediabibliotheek. De video wordt automatisch afgespeeld met geluid uitgeschakeld en herhaalt zichzelf.
Embed
Plak een URL van een externe videodienst zoals YouTube of Vimeo. Het block haalt automatisch de ingesloten speler op.
Tip: Bij het type Video, Embed of Afbeelding (gestapeld) kun je ook een Afbeelding uploaden. Dit thumbnail-plaatje wordt gebruikt als de thumbnail-slider is ingeschakeld (zie Slider-instellingen).
Content over de slide
Bij het type Afbeelding, Video en Embed kun je via Toon content een tekst-overlay inschakelen. Er verschijnen dan extra velden:
| Veld | Omschrijving |
|---|---|
| Titel tag | Het HTML-element van de titel: h1, h2, h3 of p |
| Titel | De koptekst die over de slide wordt getoond |
| Tekst | Een uitgebreider tekstveld (WYSIWYG) |
| Link | Een knop met link die in de overlay verschijnt |
Slider-instellingen
Beeldverhouding
Forceer een vaste verhouding op alle slides: 16:9, 4:3 of 1:1. Laat leeg om de originele afmetingen te gebruiken.
Gedrag
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Loop | De slider herhaalt zichzelf eindeloos | Aan |
| Dynamische hoogte | Past de slider-hoogte aan op de actieve slide | Uit |
| Gecentreerde slides | De actieve slide staat in het midden | Aan |
| Aantal items per swipe | Hoeveel slides er tegelijk verschuiven | 1 |
| Autoplay | De slider beweegt automatisch | Aan |
| Autoplay snelheid | Tijd in milliseconden tussen slides (1000 ms = 1 seconde) | 3000 ms |
| Beperk interactie | Bezoekers kunnen de slider niet handmatig bedienen | Uit |
Navigatie en paginering
- Navigatie — toont pijlen om handmatig te bladeren. Kies of de pijlen binnen of buiten de slider staan.
- Paginering — toont een indicator onder de slider. Kies het type: bullets (stipjes), fracties (bijv. 2/5) of een voortgangsbalk.
- Scrollbar — toont een sleepbalk (alleen beschikbaar als Loop uitstaat).
- Verticaal centreren — centreert de slides verticaal in de slider.
Thumbnail-slider
Schakel Thumbnail-slider in om onder de hoofdslider een rij kleine voorbeeldafbeeldingen te tonen. Bezoekers kunnen op een thumbnail klikken om direct naar die slide te springen.
Zorg dat bij elke slide een Afbeelding is ingevuld als je het type Video, Embed of Afbeelding (gestapeld) gebruikt — dat veld wordt als thumbnail gebruikt.