Parallax Scrolling Website erstellen mit Jarallax.js
Kommentare

Parallax Scrolling ist ein Augenschmaus für jeden Pixel-Liebhaber. Durch einfaches Scrollen am Mausrädchen werden in der Regel Bilder oder andere Elemente in Bewegung gesetzt, wodurch eine auf den ersten Blick statische Website plötzlich dynamisch und lebendig wirkt. Aber wie erstellt man eigentlich seine eigene Parallax Scrolling Website?

Der Design Blog onextrapixel.com erklärt wie man ein solches Projekt mit Hilfe der JavaScript Bibliothek jarallax.js realisieren kann. Vor Beginn benötigt man vier Produktionsmittel: einen Hintergrund, zum Beispiel von wallbase.cc, Bildelemente und die Jarallax Bibliothek und zu guter Letzt die jQuery library.

Das komplette Tutorial in englischer Sprache zum Erstellen einer Parallax Scrolling Website findet Ihr hier: http://www.onextrapixel.com/2013/10/24/creating-a-parallax-scrolling-webpage-using-jarallax-js/.

Zur Demo-Site gehts hier: http://www.onextrapixel.com/examples/parallax-scrolling-website-with-jaralla/

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -