Parallax Scrolling

alextappert schrieb am 18.08.2016 um 12:43 Uhr

Hallo zusammen,

ich habe mal eine Frage, da komme ich nicht weiter. Ich finde die Funktion Parallax Scrolling ja soweit ganz gut, nur bekomme ich die Abstimmung zwischen Textinhalt und Bild nicht hin.

 

Sinn würde es für mich machen, ich habe eine Seite und ich scrolle, mit dem Seitenwechsel kommt zunächst der Textinhalt inkl. Parallax-Bild nach oben und erst ab oben verzögert sich das Bild dahinter...

 

Beispiel: hoechst-badspezialist.de

Ich versuche das gerade nachzubauen, doch bei meinem Parallax-Scrolling ist entweder das Bild zu langsam (der Text schon oben) oder das Bild zu schnell (und der Text hat am Ende kein Bild mehr im Hintergrund.

Beispiel: http://www.eidooo.de/entwicklung/ch/index.htm

Habt Ihr nen Lösungsvorschlag?

Kommentare

BilderMacher schrieb am 18.08.2016 um 14:02 Uhr

Ist zwar in einer fremden Sprache verfasst, aber vielleicht kannst Du damit etwas anfangen:

 

http://www.xaraxone.com/us/tutorial/scrolling_animations_with_xara_web_designer/

 

 

Zuletzt geändert von BilderMacher am 18.08.2016, 14:02, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2026 Premium
  • Video Pro X 17
  • Photostory Deluxe 2025
  • Samplitude X8 Suite
  • ACID Pro 11
  • Music Maker 2026 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    2009
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.6216

------------------------------------------------------------------------------------

Standardbrowser: Firefox 142.0.1 (64-Bit)

👶-Boomer

alextappert schrieb am 18.08.2016 um 21:06 Uhr

http://www.eidooo.de/entwicklung/ch/index.htm

 

Das ist mein Versuchslink... sorry, keine Ahnung, wie das da oben hinkam ;-))

BilderMacher schrieb am 19.08.2016 um 07:22 Uhr

Mir ist das zu viel auf den Seiten. Sie laden auch sehr träge und lange.

Vielleicht ist etwas weniger dann doch mehr und Du bekommst den Effekt dann besser gestaltet.

Zuletzt geändert von BilderMacher am 19.08.2016, 07:25, insgesamt 2-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2026 Premium
  • Video Pro X 17
  • Photostory Deluxe 2025
  • Samplitude X8 Suite
  • ACID Pro 11
  • Music Maker 2026 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    2009
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.6216

------------------------------------------------------------------------------------

Standardbrowser: Firefox 142.0.1 (64-Bit)

👶-Boomer