"Mitsliden" des Background- Images

[Doktor Knallcharge]

hätte eine Frage zum "mitsliden" eines Background- Images.
Auf dieser Seite ist das sehr gut sichtbar:

Beispiel

Weiß jemand wie man sowas macht. Wenn ich es mit CSS nur als Background- Image angeben, dann bewegt es sich nciht.

Besorge dir mal Firebug.

Im Kontextmenü zum Bild (rechte Maustaste für Rechtshänder) findest du einen Eintrag "Element mit Firebug untersuchen", Firebug bringt dich damit direkt zu einem div#img-box1. Beim Verschieben der Seite wirst du feststellen, dass sich die Daten im style-Attribut des divs ändern, und zwar background-position – da ist also Javascript am Werke.

Wenn du dann im Quelltext der Seite nach Javascript schaust, wirst du am Ende ein Skript finden, in dem auch #img-box1 angefasst wird:

$('#img-box1').parallax("50%", 0.2);

Das unterschiedlich schnelle Verschieben von Hintergründen läuft seit jeher unter "parallax scrolling". Der Effekt wird meist in Spielen benutzt und gleicht dem Vorbeiziehen der Landschaft, wenn man aus dem Auto- oder Zugfenster schaut: Ganz hinten am Horizont bewegt sich kaum etwas, direkt vorm Fenster rast alles nur so vorbei. Mit zwei, drei Ebenen dazwischen erreicht man auf dem Bildschirm schon eine ansehnliche Tiefe.

$() ist typische JQuery-Notation, ein Blick in den Seitenkopf bestätigt dann auch dessen Einbindung. Der Parallax-Effekt muss eine Erweiterung zu JQuery sein, mir ist das noch nicht untergekommen. Im Quelltext nach "parallax" suchen bringt dann auch die Einbindung dieses Moduls ein paar Zeilen über dem Skript am Seitenende zum Vorschein (zusammen mit einem Dutzend anderer). Es gibt sogar noch mehr davon: http://plugins.jquery.com/?s=parallax.