LX: Parallaxe-Scrolling

Beitrag lesen

Das dazu notwendige Script selbst ist relativ einfach nachgebaut (auch wenn die Seite, die Du als Beispiel genannt hast, wesentlich kompliziertere Scripte dazu verwendet):

document.body.onmousemove = function(evt) {  
   var e = evt || window.event;  
   document.getElementById('parallax1').style.left = (e.clientX * 1.5 - 1000) + 'px';  
   document.getElementById('parallax2').style.left = (e.clientX * 0.5 - 1000) + 'px';  
}

#parallax1 und 2 sind einfach absolut positionierte, horizontal wiederholbare Bilder mit sehr hoher Breite und entsprechender Transparenz. Du kannst ggf. noch mit Math.max und Math.min entsprechende Grenzen setzen. Übrigens: "document.body" ist im Quirks-Mode nicht verfügbar - wenn Dir deswegen ein Fehler auffallen sollte, informiere Dich über die Möglichkeiten von Harakiri und Seppukku.

Gruß, LX

--
RFC 1925, Satz 2: Egal, wie fest man schiebt, ganz gleich, wie hoch die Priorität ist, man kann die Lichtgeschwindigkeit nicht erhöhen.