Werte Lesergemeinde,

angespornt durch diesen Artikel im Webstandard-Blog habe ich mich gestern mal kurz rangesetzt und selbst ein wenig mit dem sogenannten Parallax Scrolling experimentiert.

Das Ergebnis seht ihr hier:

http://projects.placebo-effect.de/parallax/

Um das ganze auch dynamisch darstellen zu können habe ich den Effekt in ein div verpackt, welches ihr durch einen Buttonklick mithilfe der jQuery library animieren könnt.
Der Effekt dient zwar bei meinem Beispiel nicht dem “Vortäuschen” eines pseudo-3D Bildes, zeigt aber deutlich, dass man mit ein paar CSS Tricks sehr schöne Animiereffekte erstellen kann. Für Webseiten die mit Ajax arbeiten sicher ein schönes Designelement. Ich werde mich wenn ich genug Zeit finde auch einmal damit beschäftigen, vielleicht ein Wordpress-Theme zu erstellen, welches den Effekt dynamisch nutzt, zum Beispiel beim darstellen von Beiträgen oder Fotos.
Ich werde außerdem demnächst noch weitere Beispiele online stellen, die zeigen, was man mit Parallax Scrolling so alles machen kann. Dann auch ein paar Effekte, die zeigen wie Parallax Scrolling ein Bild 3D aussehen lässt.

Wenn ihr bis dahin selbst ein wenig mit Parallax Scrolling experimentieren wollt schaut euch einfach den Quelltext der Projektdatei und die zugehörigen Stylesheets an!

Wenn ihr noch genaueres wissen wollt, schreibt mir einfach eine E-Mail oder lest euch folgenden Artikel durch (ist allerdings auf englisch):
http://www.thinkvitamin.com/f[..]n/how-to-recreate-silverbacks-parallax

Ich würde mich freuen, eure Experimente und Ergebnisse zu sehen, die diesen oder ähnliche Effekte nutzen!

Soweit von mir,
-Flori-