Parallax test

Parallax effect

Parallax zorgt er voor dat bij scrollen de verschillende onderdelen een andere snelheid hebben.

 

Meerdere achtergronden

Je kunt werken met meerdere achtergronden en meerdere snelheden

Werkwijze

Op https://github.com/IanLunn/jQuery-Parallax kan je de volledige code downloaden. Er is ook een module, maar die werkt (nog) niet. Het komt er op neer dat je alles van de code overneemt. De HTML pagina, één CSS en drie JS pagina's. Gebruik de Asset injector daarvoor. Pas de HTML aan zodanig dat de CSS en JS niet meer vanuit de oorspronkelijke bestanden laadt. Bij de JS moet je vinkjes aanzetten in de JS injector om de JQuery en de pagina's in het begin van de pagina te laden. Maak ook dat de afbeeldingen op de juiste plaats aanwezig zijn (inline images staat standaard)