Foto-carrousel¶
De Foto-carrousel toont meerdere afbeeldingen in een diavoorstelling. De bezoeker kan met pijlen of bolletjes navigeren. Onder elke foto kan optioneel een korte tekst (caption) staan.
Hoe het op de site verschijnt¶
Velden¶
| Veld | Type | Verplicht | Wat erin? |
|---|---|---|---|
| Foto's | Bestanden (afbeeldingen) | Ja | Eén of meer afbeeldingen, in volgorde van eerste slide naar laatste. |
Per geselecteerde afbeelding gebruikt de carrousel het veld Omschrijving uit Bestanden. Vul je dat in op de foto in de Bestanden-module zelf, dan verschijnt het als bijschrift onder de slide.
Hoe het rendert¶
- Hoogte 465 pixels (zelfde als het Foto-blok), automatisch bijgesneden, gecentreerd op de pagina (max 8 van 12 kolommen).
- Bolletjes onderaan voor directe navigatie naar een specifieke slide.
- Pijlen links/rechts om door te klikken.
- Auto-rotate: de carrousel wisselt automatisch om de paar seconden.
Wanneer gebruiken¶
- Productfoto's vanuit verschillende hoeken.
- Sfeerbeelden van een vestiging: gevel, balie, kantoorruimte.
- Voor en na: een renovatie, een evolutie.
Wanneer niet gebruiken¶
- Voor één enkele foto — gebruik Foto. Een carrousel met één slide is verwarrend.
- Voor foto's die elk hun eigen uitleg nodig hebben — gebruik meerdere Foto + tekst-blokken.
- Voor heel veel foto's (>10) — bezoekers klikken niet door tien slides. Selecteer de beste 3 à 5.
Tips¶
- Houd alle foto's in dezelfde verhouding (alle landschap, allemaal portret). Wisselende verhoudingen geven een schokkerig effect.
- Vul Omschrijvingen consistent in: ofwel allemaal een bijschrift, ofwel geen enkele.
- Eerste foto = aandachtstrekker: dit is wat de bezoeker zonder klikken ziet.
- Reken op auto-rotate: zet geen kritieke informatie die de bezoeker moét lezen op een latere slide — die wordt mogelijk weggerot voor hij ze leest.
Veelgemaakte fouten¶
- Foto's met heel verschillende formaten — sommige worden zwaar bijgesneden, andere niet. Maak vooraf in een editor één formaat van.
- Tekst in de afbeelding — dat overleeft het bijsnijden niet en is niet vertaalbaar. Zet bijschriften via het Omschrijving-veld.
- Heel donkere of heel lichte foto's afgewisseld — flikkereffect bij het roteren.