Parallax-Effekt oder SVG?

  • Liebes Wordpress-Forum,

    ich habe ein Problem mit einer Umsetzung einer Design Idee.

    Hier ist mal das Anliegen:

    Ich würde gerne in den Hintergrund ein Foto legen und wenn der User Scrollt sollen sich dann verschiedene Elemente (in der Hauptsache nur Texte) öffnen bzw. erscheinen, ähnlich wie auf dieser Seite hier:

    https://dpd-driversradio.de.

    Mir fehlt noch der Lösungsansatz. Spricht man in diesem Fall von einem Parallax-Effekt (das ist vermutlich der Oberbegriff sein)? Wenn ja, könnt ihr mir einen Tipp geben, wie ich diesen dann mit Texten umsetzen kann? Welchen Lösungsansatz würdet ihr wählen?

    Ich habe gesehen, dass das in irgendeiner Form über SVG umgesetzt wurde (svg-map?). Wie würde das dann funktionieren?
    Also ich erwarte natürlich keine explizierte Anleitung, aber vielleicht kann mir jemand ein Tutorial empfehlen oder eine Website mit Erklärung oder vielleicht sogar ein Plugin?

    Vielleicht kann mir ja jemand einen Tipp geben, wie ich die Idee umsetzen kann?

    Lieben Gruß und vielen Dank schon mal! :)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hello,
    Hope you are doing great!

    I reviewed your issue and can help you with it.

    Can you please reach me over email- maria@cisinlabs.com or skype -live: .cid.e0656fece75456e6 so that we can have a detailed discussion about it.

    Kind Regards
    Maria J
    Ph: +13478093381

  • Also prinzipiell ist das ja einfach nur ein Hintergrundbild, über das Text und Symbole gelegt wurden, die bei Erreichen des Viewports eingeblendet werden. Alle großen kommerziellen Themes oder auch Pagebuilder haben so einen Effekt bereits standardmäßig eingebaut. Wären nur noch die Igelstriche eine kleine Herausforderung, aber je nach Designidee kann man auf die vielleicht auch verzichten oder sich auf waagerechte Linien beschränken.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!