Mehrfach-Scrolling... wie wird das gemacht?

[Chapsy]

Hallo,

Sorry wegen der Terminologie... bin kein wirklicher Webdesigner, deswegen nenn ich's jetzt einfach mal "Mehrfach-Scrolling". Hier ein Beispiel um zu zeigen was ich meine:

http://www.nintendo.com.au/gamesites/mariokartwii/#home

Wenn ich scrolle (oder unten am Bildschirm von 1 auf 2 auf 3 usw klicke), bewegen sich unterschiedliche Elemente mit unterschiedlicher Geschwindigkeit.

Ist sowas mit Dreamweaver (CS6) in reinem HTML & CSS möglich, oder ist das mit Flash gemacht?

Es muss nicht gleich so kompliziert wie auf der nintendo-Seite sein. Ein einfaches horizontales ODER vertikales scrolling würde mir ausreichen.. wie z.B. auf dieser Seite:


unter"Scroll Drive" zum Beispiel: Hintergrund-Bilder werden vertikal gescrollt, Text fliegt horizontal in Position...


Danke für Eure Tips!
bib

OK, hab mal noch ein bischen weitergesucht, hier noch zwei bessere Beispiele:

http://themespectrum.com/parallax-demo/

 

[owieortho]

AW: Mehrfach-Scrolling... wie wird das gemacht?

Das nennt sich parallax scrolling.

 

[cebito]

AW: Mehrfach-Scrolling... wie wird das gemacht?

Ist sowas ... in reinem HTML & CSS möglich

nein

oder ist das mit Flash gemacht?

auch nein, hier ist JavaScript am Start.

 

[newbie50plus]

AW: Mehrfach-Scrolling... wie wird das gemacht?

Das nennt sich parallax scrolling.

"Parallaxes Scrolling in Webseiten bezeichnet einen Effekt, bei dem unterschiedliche Ebenen verschieden schnell bewegen, wenn der User scrollt. Dabei entsteht für den Betrachter eine Illusion der Dreidimensionalität. Bevor ich aber näher darauf eingehe, möchte ich eine kurze Einführung geben...."
Stephan Schimpf

 

[Chapsy]

AW: Mehrfach-Scrolling... wie wird das gemacht?

Alles klar, vielen Dank. Dann mach ich mich mal auf die Suche nach ein paar guten Tutorials.