jQuery Parallax Scrolling
Mit dem jQuery Parallax Plugin kann man schicke Scrolleffekte basteln:
Your browser does not support blocked-iframes.
jquery-parallax-scrolling.zip - 164 KB
Alles was man braucht sind ein paar Bilder, die dann vom Plugin gekachelt und horizontal verschoben werden. Durch unterschiedliche Geschwindigkeiten entsteht der Eindruck räumlicher Tiefe. Damit es Abstände zwischen den Bildern gibt (z.B. den Planeten und Raumcruisern oben), fügt man diese einfach direkt ins Bild ein:
Um die Geschwindigkeit besser kontrollieren zu können, sollten alle Bilder die gleiche Breite haben.
Auch lustig ist jParallax, mit dem die Ebenen direkt per Mausposition verschoben werden:
