NetObjects Fusion hat ein Script entwickelt, das es ermöglicht einen sogenannten Parallax-Effekt zu gestalten.

Dabei werden Layoutbereiche erstellt, denen man eine von NOF erstellte Class zuordnen kann, die dann Hintergrundbilder der Layoutbereiche als fixierte Fullscreen-Bilder darstellen. Durch die Unterbrechung dieser Layoutbereiche entsteht der Eindruck, dass diese Bilder beim Scrollen der Seite jeweils neu geladen werden.

Parallax-Effekt

Hier das Original-Script mit einem Tutorial zum Einbau von mir:

http://www.nof-tutorials.com/Parallax-Hintergrund-Effekt/

… oder auch als (bedingt) responsive Seite:

http://www.nof-tutorials.com/Parallax-Hintergrund-Effekt-Responsive/

Die Hintergrundbilder sollten möglichst in einer niedrigen Auflösung gewählt werden, damit die Seiten schnell laden. Als zusätzliches Element habe ich hier noch einen „Preloader“ (zum Vorladen der Seite) eingebaut.

http://www.nof-tutorials.com/Parallax-Preload-Hintergrund-Effekt/

Fragen beantworten wir wie immer gerne in unserem NOF – Forum.

 

Print Friendly