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)

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

 

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

Firefox: 151.0.2 (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)

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

 

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

Firefox: 151.0.2 (64-Bit

geändert: 01.06.2026