So erstellen Sie einen Parallax-Effekt in Slider Revolution

Dieser Artikel ist Teil unserer fortlaufenden Reihe von Slider Revolution-Tutorials. Alle Artikel dieser Serie finden Sie in unserem umfassenden Slider Revolution Guide.

Parallaxe ist ein beliebter Effekt, der dem visuellen Inhalt Ihrer Website einen Eindruck von Tiefe und Dynamik verleiht. Es gibt viele großartige Premium-WordPress-Themes mit integrierten Parallax-Effekten und Sie haben den Effekt wahrscheinlich tausendmal im Web gesehen. Aber Sie haben sich vielleicht gefragt, wie es gemacht wurde. Heute werden wir über die Verwendung des Parallax-Effekts in Slider Revolution-Schiebereglern sprechen.

Was ist Parallaxe?

Parallaxe lässt sich grob definieren als Effekt, bei dem sich Elemente im Hintergrund und im Vordergrund beim Scrollen mit unterschiedlicher Geschwindigkeit bewegen, wodurch eine Tiefenillusion entsteht. Insbesondere Elemente im Hintergrund werden so eingestellt, dass sie sich langsamer bewegen. Unten sehen Sie ein Beispiel für Parallaxe aus unserem Aoki-Thema.

Es gibt verschiedene Möglichkeiten, diesen Effekt zu erzielen, und wenn Sie bereits mit Slider Revolution arbeiten, werden Sie sich freuen zu hören, dass dieses Plugin die erforderlichen Funktionen zum Erstellen von Parallaxen enthält.

So aktivieren Sie Parallaxe in Slider Revolution

Das Wichtigste zuerst – gehen Sie zu Slider Revolution und schalte die Parallaxe ein. Gehe zu Allgemeine Moduloptionen > Beim Scrollen > Scrollbasierte Funktionen > Parallax und schalten Sie den Parallax Enabled-Schalter auf Auf.

Das Plugin bietet eine Reihe verschiedener Tiefenwerte, sodass Sie den für Sie geeigneten auswählen können. Wenn der gesuchte Wert hier nicht enthalten ist, können Sie Ihren eigenen eingeben, wie unten gezeigt.

Wie man Parallaxe zu Hintergrundbildern hinzufügt

Um den Parallax-Effekt zu Ihrem Hintergrundbild hinzuzufügen, gehen Sie zu Folienoptionen > Beim Scrollen > Parallaxe- und 3D-Einstellungen, und wählen Sie die gewünschte Tiefe aus der Dropdown-Liste aus.

Wenn es um die Auswahl der Tiefe geht, gibt es keine goldene Regel. Wir empfehlen Ihnen, verschiedene Werte auszuprobieren, um zu sehen, wie sie auf Ihrer Seite funktionieren. Unterschiedliche Tiefen erzeugen unterschiedliche Effekte, also probiere sie alle aus, bis du den perfekten Effekt für deine Seite gefunden hast. Wenn Sie keine Lust zum Experimentieren haben, sind die Mittelstücke immer eine sichere Wahl.

Das war’s für den Hintergrund.

So fügen Sie den Ebenen Parallaxe hinzu

Der Parallax-Effekt von Slider Revolution ist nicht nur den Hintergrundbildern vorbehalten. Sie können es auch für die einzelnen Ebenen innerhalb Ihres Schiebereglers verwenden. Mit diesem Effekt können Sie Ihren Benutzern die Illusion vermitteln, dass sie Teile Ihres Schiebereglers durch Bewegen der Maus steuern. Dies ist ein wirklich netter Effekt, und er ist sehr einfach einzurichten.

Wählen Sie Ihre Ebene aus, gehen Sie zum Ebenenoptionen > Beim Scrollen > Registerkarte Parallaxe & 3D, und wählen Sie die gewünschte Tiefe.

Und das ist wirklich alles. Das Ergebnis ist die Ebene mit Parallaxe, die aktiviert wird, wenn sich die Maus bewegt.

Abschließend

Wie wir gesehen haben, ist das Hinzufügen des Parallax-Effekts von Slider Revolution äußerst einfach, egal ob es sich um einzelne Ebenen oder Hintergrundbilder handelt. Bedenken Sie jedoch, dass nicht jeder Slider Parallaxe benötigt. Sehr dynamische Schieberegler mit vielen Animationen kommen ohne diesen Effekt wahrscheinlich besser aus, da das Ergebnis möglicherweise zu beschäftigt oder mit Bewegung überladen ist. Für einfache Schieberegler kann Parallaxe jedoch genau das sein, was Sie brauchen, um Ihre Seite aufzupeppen.