Samenvatting
Een slider toont afbeeldingen (slides) die elkaar afwisselen — je herkent hem aan de bolletjes onderaan en de pijlen links en rechts. Sliders zitten in kant-en-klare blokken in de categorie Hero. Je sleept zo'n blok op je pagina, voegt je slides toe en stelt in hoe ze wisselen (schuiven of faden, automatisch afspelen, en de wisseltijd).
Hoe werkt het
Een slider-blok plaatsen
De sliderblokken vind je in de blokbibliotheek onder de categorie Hero. Je herkent ze aan de bolletjes midden onderaan en de pijlen links/rechts. Sleep het sliderblok naar je pagina.
Slides toevoegen
Selecteer de slider en beheer de afbeeldingen/slides zoals bij een gewoon media-element: voeg afbeeldingen toe en bepaal de volgorde.
De instellingen
Selecteer het slider-element; in het rechter paneel vind je deze instellingen:
| Instelling | Wat doet het? |
|---|---|
| Wissel effect | Standaard faden de slides in en uit. Vink Wissel effect aan om in plaats daarvan een schuivende overgang te gebruiken. |
| Autoplay | Staat dit aan, dan wisselt de slider automatisch door (op basis van de wisseltijd), naast het handmatig klikken op de bolletjes of pijlen. |
| Interval | De wisseltijd: hoe lang een slide zichtbaar blijft voordat de volgende verschijnt (werkt samen met Autoplay). |
Wanneer gebruik je dit
- Je wilt bovenaan een pagina meerdere beelden tonen die elkaar afwisselen (een hero-slider).
- Je wilt een fotoreeks laten doorlopen zonder dat de bezoeker hoeft te klikken (Autoplay).
Welke rechten nodig
- Toegang tot de editor.
Waar klik je precies
- Open de blokbibliotheek en sleep een sliderblok uit de categorie Hero naar je pagina.
- Selecteer de slider en voeg je slides (afbeeldingen) toe.
- Selecteer het slider-element en zet in het rechter paneel de gewenste opties: Wissel effect, Autoplay en de Interval (wisseltijd).
- Bekijk het resultaat via de preview.
Praktijkvoorbeelden
Voorbeeld 1 — automatische hero-slider. Op je homepage wil je drie sfeerbeelden laten doorlopen. Je plaatst een sliderblok, voegt drie afbeeldingen toe, zet Autoplay aan en stelt een rustige Interval in zodat elk beeld even blijft staan.
Voorbeeld 2 — handmatige slider met schuif-effect. Voor een productreeks wil je dat bezoekers zelf door de beelden klikken met een schuivende overgang. Je laat Autoplay uit en vinkt Wissel effect aan.
Veelgemaakte fouten
- Slider wisselt niet vanzelf: zet Autoplay aan; zonder Autoplay wisselt hij alleen bij klikken op de bolletjes of pijlen.
- Overgang bevalt niet: standaard is een fade; wil je schuiven, vink dan Wissel effect aan (of andersom).
- Geen sliderblok te vinden: kijk in de categorie Hero in de blokbibliotheek.