Jimdo Parallax Scrolling

Parallax-Design mit Jimdo Creator und Dolphin

Parallax Scrolling ist ein beliebter Effekt, der dadurch erzeugt wird, dass mehrere Ebenen übereinander gelegt und in unterschiedlichen Geschwindigkeiten bewegt werden.

Jimdo Webseiten bestehen grundsätzlich aus zwei Ebenen, wobei die Inhalte der vorderen Ebene durch Scrollen über den Hintergrund gleiten. 

Parallax-Design mit dem Jimdo "Creator"

Da beim "Creator" der Zugriff auf den "Head" möglich ist, können geeignete Designvorlagen so "gehackt" werden, dass ein Parallax-Design möglich ist. Hirschfrau bietet diesen "Design-Hack" nur ungern an, da die kundenseitige Bearbeitbarkeit dadurch stark einschränkt wird.

Im folgenden Beispiel der "gehackten" Creator-Designvorlage (Rio de Janeiro) ist beim "Parallax-Element B" gut ersichtlich, dass drei Ebenen übereinander liegen und beim Scrollen eine nach der anderen bewegt wird: als erste Ebene das ganzseitige Bokeh-Hintergrundbild, als zweite Ebene der "Balken" mit dem Seifenblasen-Foto und als dritte Ebene der Text und die Galerie mit den Herz-Fotos. (Du kannst im iFrame mit dem grauen Schieber rechts hinunter scrollen oder die Website über diesen Link anschauen.)

Wenn du meine persönliche Meinung hören willst, dann rate ich dir von einem Parallax-Design mit dem Jimdo "Creator" eher ab, denn der grosse Aufwand lohnt sich kaum für einen Effekt, der auf Mobilgeräten oft nicht zuverlässig funktioniert und der die Ladezeit der Website meist signifikant verlangsamt. (Wie schlecht sich dies auf das Google "Ranking" auswirkt, sieht man gut bei WordPress und WIX.)

Parallax-Design mit JIMDO "Dolphin"

Der Editor "Dolphin" bietet mit der "Einschiebe-Animation" einen Mini-Parallax-Effekt bei Blöcken mit Bild-Elementen. Diesen Effekt kannst du im "Menü" unter "Animation Einschieben" ganz einfach aktivieren.


Wie sich diese Animation auf die betreffenden Blöcke auswirkt, siehst du auf dieser Layout-Übersicht.