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.

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz   2.30 GHz

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

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

  • MAGIX Software
    • Video deluxe 2026 Premium
    • Video Pro X 17
    • Video Pro X 18
    • Photostory Deluxe 2026
    • ACID Pro 11
    • Music Maker 2026 Premium
    • MAGIX/XARA Graphic-/Web-Designer

 

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild 19045.6466

FF: 156.0 (64-Bit)

geändert: 01.06.2026

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.

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz   2.30 GHz

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

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

  • MAGIX Software
    • Video deluxe 2026 Premium
    • Video Pro X 17
    • Video Pro X 18
    • Photostory Deluxe 2026
    • ACID Pro 11
    • Music Maker 2026 Premium
    • MAGIX/XARA Graphic-/Web-Designer

 

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild 19045.6466

FF: 156.0 (64-Bit)

geändert: 01.06.2026