Tussenafbeelding van kant tot kant

In dit artikel laat ik zien hoe je een een afbeelding van kant tot kant toevoegt aan een pagina. Je kunt er zelf voor kiezen of deze vast staat, of dat de pagina er als het ware overheen scrolt (parallax). 

1. Schakel de 'Visual Builder' in.
2. Klik op het blauwe '+' icoon op de plaats waar je de afbeelding van kant tot kant wilt toevoegen. 

3. Kies voor een 'Standaard' sectie. 

   

4. Voeg een rij met 1 kolom toe. 

   

5. Kies de 'Verdeler' module.

   

6. Bij 'Zichtbaarheid' zet je 'Laat verdeler zien' op 'Nee'. 

7. Onder 'Ontwerp' bij 'Hoogte' vul je '400px' in.

   

8. Klik op het groene vinkje.  
9. Open de 'Sectie instellingen' in het blauwe menu. 
10. Onder 'Content' bij 'Achtergrond' voeg je een achtergrondafbeelding toe. 
11. Je kunt ook een 'Parallax' gebruiken. Dit is een soort '3D' effect. Zet daarvoor 'Gebruik het Parallax effect' op 'Ja'.
12. Nu kun je kiezen uit 2 verschillende 'Parallax' effecten. 'Ware Parallax' of 'CSS'. Bij 'CSS' staat de afbeelding 'stil', waardoor je er echt overheen scrolt. Test ze uit en kijk welke het beste bij je website past!  
13. Klik op het groene vinkje.

14. Vergeet niet de pagina op te slaan wanneer je klaar bent! 

    Voorbeeld Parallax effect: Wanneer je nu kijkt, zie je bij het paarse bolletje een golf.

    

    En wanneer je naar beneden scrolt zie je dat de afbeelding op dezelfde plaatst blijft staan, maar de sectie eigenlijk beweegt.