Hier versuche ich mal darzustellen, wie Parallax Scrolling funktioniert. Beim Scrollen werden die verschiedenen Ebenen übereinander mit unterschiedlicher Geschwindigkeit gescrollt, so entsteht ein 3D-Effekt.
Wenn man ganz nach oben scrollt, schaut man in einen Raum mit mehreren hintereinander liegenden Ebenen. Die dunkelrote Ebene ist der Boden, also die am weitesten hinten liegende Ebene. Scrollt man dann ganz langsam nach unten, dann sieht man, wie sich die Perspektive verändert. Die Ebenen verschieben sich beim Scrollen mit unterschiedlicher Geschwindigkeit.
Die Ebenen kann man nun per CSS vergrössern (bis sie den Bildschirm horizontal ausfüllen), mit Hintergrundbildern (in der Regel .png mit transparentem Hintergrund) versehen und in alle drei Richtungen (x y z) verschieben. Hier gibt es ein Beispiel » zu sehen, wie das in der Praxis aussehen kann.
Zum Download habe ich nichts bereitgestellt, weil ich hier immer noch herumspiele. Wer auch mit meinem Spielzeug spielen will, kann sich gerne die aktuellen Dateien mit der rechten Maustaste holen ;-)