Animatie en groepen
Hoe de balk verschijnt, hoe hij scrolt en hoe hij tussen groepen wisselt.
Animatie vind je onderaan het paneel Design. Het gaat om twee afzonderlijke dingen: hoe de balk op de pagina verschijnt en hoe hij tussen groepen wisselt.
De intro gebeurt één keer. Groepsovergangen herhalen zich.
Entrance
Section titled “Entrance”Wat de balk doet wanneer de pagina wordt geladen.
| Entrance | Hoe het eruitziet |
|---|---|
| None | De balk staat er gewoon |
| Fade in | Hij verschijnt geleidelijk |
| Slide down | Hij zakt van boven naar binnen |
| Slide in from left | Hij komt van de linkerrand binnen |
| Slide in from right | Hij komt van de rechterrand binnen |
| Continuous scroll | Het bericht trekt steeds opnieuw over de balk |
Met Speed stel je in hoe lang de intro duurt. Bij doorlopend scrollen wordt dit Scrolling speed, dat aangeeft hoe snel de woorden bewegen in plaats van hoe lang het duurt.
Continuous scroll
Section titled “Continuous scroll”Dit verdient een eigen toelichting. Het bericht trekt van de ene kant van de balk naar de andere en zodra het weg is, begint de volgende groep aan zijn eigen doorgang. Het stopt nooit.
Daaruit volgt:
- Het past bij een lang bericht dat niet op één regel past
- Het pauzeert zolang de aanwijzer van de bezoeker boven de balk staat, zodat een knop erin nog steeds aanklikbaar is
Wisselen tussen groepen
Section titled “Wisselen tussen groepen”Deze instellingen verschijnen alleen als de banner meer dan één groep heeft.
Change group every is het aantal seconden dat elke groep in beeld blijft.
Group transition bepaalt hoe de ene groep in de volgende overgaat:
| Overgang | Hoe het eruitziet |
|---|---|
| Cross-fade | De ene vervaagt terwijl de volgende verschijnt |
| Slide | De balk schuift zijwaarts, zoals een carrousel |
Als je slide kiest, komt er nog een optie bij: Arrows. Zet je die aan, dan verschijnen kleine ‹- en ›-knoppen aan de uiteinden van de balk, zodat een bezoeker zelf tussen groepen kan wisselen.
Bezoekers kunnen de balk ook zijwaarts vegen of slepen, met of zonder pijlen.
De lus heeft geen naad. Na de laatste groep gaat hij direct door naar de eerste, zonder terug te spoelen langs alles ertussen.
Preview animation
Section titled “Preview animation”Preview animation onderaan het gedeelte speelt de intro en de groepsrotatie af op het mockup van de webshop in het midden van de builder, zodat je niet hoeft op te slaan en opnieuw te laden om het te beoordelen.
Klik er nogmaals op om te stoppen. De mockup keert terug naar de groep die je aan het bewerken was.
Een woord over terughoudendheid
Section titled “Een woord over terughoudendheid”Bezoekers die hun apparaat hebben ingesteld om beweging te beperken, krijgen de balk zonder beweging: de intro wordt niet afgespeeld, de marquee scrolt niet en groepen wisselen niet vanzelf. De pijlen en het vegen werken nog wel.