Parallax Scrolling

01.09.2016 09:57
avatar  Ralmon
#1
avatar

Hallo,
auf dieser Webseite (http://redesign-berlin-tabtest.jimdo.com/parallax-scroll/) gibt es ein schönes Beispiel für Parallax Scrolling. Gibt es dazu auch eine Hilfe zur Umsetzung? Ich würde Parallax Scroll gerne in meiner Jimdo Seite realisieren.
Viele Grüße, Ralph Monshausen


 Antworten

 Beitrag melden
01.09.2016 10:52
avatar  az_
#2
avatar
az_

vielen Dank für diese interessante Anfrage, @Ralmon!

Es gibt in der Tat eine gute Anleitung für die Umsetzung von Parallax-Scroll effekten von Jimdo. Schau mal hier: http://support.jimdo.com/faq/how-to-make...th-backgrounds/

Hier noch zwei Beispiele dazu:

http://fullwidth-test.jimdo.com/
http://stockholm-test.jimdo.com/


LG, az


PS: eine der Seiten habe ich mit einer anderen Technik erstellt. Muss ich aber selbst erst mal nachsehen...


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
01.09.2016 11:02 (zuletzt bearbeitet: 01.09.2016 11:06)
avatar  az_
#3
avatar
az_

...es war http://redesign-berlin-tabtest.jimdo.com/parallax-scroll/

Diese Webseite wurde mit einer anderen Technik erstellt. Infos dazu hier:
- http://markdalgleish.com/projects/stellar.js/

und hier:
- https://github.com/markdalgleish/stellar.js

LG, az


PS: die stellar.js-Doku findest Du hier: http://markdalgleish.com/projects/stellar.js/docs/


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
28.11.2016 12:42 (zuletzt bearbeitet: 28.11.2016 12:44)
#4
Do

Ich versuche ebenfalls stellar.js ( oder alternativ http://pixelcog.github.io/parallax.js/ ) einzusetzen, schaffe dies aber nicht.

Ich würde den Effekt gerne auf eine fullwidth Section anwenden, hat jemand einen Tipp wie ich das anstelle? Ich bin mittlerweile wirklich ratlos.

(es geht mir um den parallax effekt, also einen langsamer scrollenden Hintergrund, die Beispielseite von OP ist in diesem Sinne also kein "richtiger" Parallax)


 Antworten

 Beitrag melden
30.11.2016 13:38
avatar  az_
#5
avatar
az_

...versuch mal den Effekt von dieser Seite: http://redesign-berlin-seminar.jimdo.com/parallax-js/

Das ist ein echter parallax-Effekt - klappt bloß nicht auf mobilen Geräten.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
08.12.2016 21:28
avatar  Stra
#6
St

Guten Abend,

nun hab ich mich auch angemeldet. Toll dass es dieses Forum gibt :)

Habe jetzt in mehreren Anläufen versucht, das hier http://support.jimdo.com/faq/how-to-make-sections-of-a-web-page-with-full-width-backgrounds/ in meine website zu integrieren. Leider hat das ganze dann keine Auswirkung.. gibt´s da nen Kniff, der nicht genannt wird? Alle codes kommen in den Head, oder? Oder kann's sein, dass sich was geändert hat und das so nicht mehr funktioniert?

Liebe Grüße,
Stra


 Antworten

 Beitrag melden
09.12.2016 22:15
avatar  az_
#7
avatar
az_

...wie ist denn die URL Deiner Testseite?


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
17.12.2016 13:10
avatar  Stra
#8
St

hi, meine testseite heißt www.project-rf.jimdo.com .. ich nutze das design Rio de Janeiro ..

Grüße,
Stra


 Antworten

 Beitrag melden
27.04.2023 13:50
avatar  skorpio
#9
sk

Hallo az_, die von dir unter fullwidth-test.jimdofree geposteten Beispiele sind genau das, was ich versuche umzusetzen. Ich arbeite gerade an einer Seite mit dem Design Rome. Wie kann ich das machen? Ich habe leider keine Ahnung vom coden und bräuchte eine genaue Anleitung, was ich wo reinschreiben muss, oder ggf. auch bezahlte Hilfe.

Liebe Grüße und vielen Dank


 Antworten

 Beitrag melden
29.04.2023 18:15
avatar  az_
#10
avatar
az_

Die Anleitung findest du auf meiner https://redesign-malaga.jimdofree.com Testseite auf der Unterseite how to do

Du brauchst aber für deine Webseite ein paar Skripte, die ich dir freischalten muss. Und eventuell ist noch ein kleines bisschen Feinarbeit notwendig. Melde dich am besten einfach per E-Mail bei mir, dann können wir das besprechen.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!