Wie wird's gemacht? Seite "verschiebt" sich ...

[Settler]

Wie wird's gemacht? Bzw. wie wurde es gemacht.

Bevor ich weiter google mit unsinnigen Abfragen quäle (eher mich), oder gar den Quelltext auseinandernehme, hier die Frage an die Experten des Designs:

http://www.gantry-framework.org/

Wenn man dort auf ein Video klickt, verschiebt sich die komplette Seite nach links und das Video taucht auf. Toller Effekt, doch wie gemacht? Bestimmt hat es der ein oder andere schon in "freier Wildbahn" gesichtet und erspart mir eine langwierige Suche, danke dafür!


cya,
Settler

[MichaG]

Firebug sagt: der Wrapper bekommt ein margin-left: -1563px; mit entsprechender Animation. Quasi ein normaler Slide-Out nach links.

Oder wie detailiert brauchst du es?

[Settler]

Danke!
Ein Tutorial wäre nicht schlecht, es reichen auch entsprechende Suchbegriffe (Slide-out reicht nicht, ergänzt mit den üblichen verdächtigen auch nicht).


Das faszinierende daran finde ich, dass es

a) nicht mit Flash gemacht worden ist
b) man keine horizontalen Scrollbars sieht


mfG,
Settler

[MichaG]

Wie gut kennst du dich mit jQuery, Javascript generell und CSS aus?

Schau dir das einmal an: http://pastebin.com/r5vmxx7a
Kannst du das soweit nachvollziehen?

Bevor die Seite rausgefahren wird, wird der untere Scrollbalken ausgeblendet. Wenn die Seite komplett ausgefahren ist, wird er wieder zurück auf auto gesetzt. Ebenso wird dann der Button für das Wiedereinfahren angezeigt.

[Settler]

Muchas Gracias! Hilft sehr!