mehrere Hintergründe

  • Ich habe auf der website: http://www.kaffeeraum-wertheim.de einen Hintergrund-Effekt gesehen, der mir gut gefällt, aber ich habe keine Ahnung wie man das hinbekommt.
    Soweit ich das erkennen kann, sind das mehrere Container die erst eingeblendet werden, wenn eine gewisse scroll-Leistung erbracht wurde, aber wie setzt man das um?
    Hat jemand eine Idee und kann mir da weiter helfen?

    [COLOR=#333333]Vielen Dank und beste Grüße
    parcel[/COLOR]

    • 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

  • Ist es wirklich der Hintergrund? Außer dem Wartezeichen-Intro ist eher der Inhalt als der Hintergrund mit Effekten bestückt … Und man kann sich streiten, wie man das nennen will. Eigentlich ist es kein Parallax. Aber Parallax wäre mal ein gutes Suchstichwort …

    Und was willst du jetzt wissen? Wie man sowas macht oder wie man sowas macht?
    Für das eine wäre vielleicht dieses Genesis-ChildTheme ein freundlicher Einstieg.
    Oder du fragst die Suchmaschine nach Parallax und stürzst dich vielleicht beim Skrollr oder ähnlichem Werkzeug voll rein …

    Gruß
    helix

  • Parallax ist hier genau das richtige Suchwort für die Hintergrundbilder. Die Texte die eingeflogen kommen, wurden vermutlich per jQuery oder CSS3 animiert.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Super! Vielen Dank für eure Tipps,
    ja ich meinte die Bilder im Hintergrund. Und Parallax ist durchaus das richtige Suchwort, habe nicht daran gedacht es einzustellen :-(


    Beste Grüße
    parcel

  • Ich habe auf der website [...] einen Hintergrund-Effekt gesehen, der mir gut gefällt, aber ich habe keine Ahnung wie man das hinbekommt. (...)

    Am einfachsten greift man dazu für kleinere Projekte auf ein Theme zurück, welches diesen Effekt schon mitbringt, wie z.B.

    https://de.wordpress.org/themes/accesspress-parallax/

    oder man greift auf Plugins zurück, mit denen sich dieser Effekt ebenfalls sehr einfach realisieren lässt, wie u.a. dieses

    https://de.wordpress.org/plugins/adamrob-parallax-scroll/


    Insgesamt rate ich aber für die meisten Anwendungsfälle von einen solchen OnPager ab, kurz erörtert hatte ich das u.a. mal hier

    http://forum.wpde.org/design/151287-…html#post650795

    und anderswo auch schon länglicher, die verlinkte Website ist ein vor allem marketingtechnisch gutes Antibeispiel für den Einsatz eines solchen OnePagers und dieser Parallax-Scroll-Effekt hat sich mittlerweile auch schon irgendwie tot gelaufen, ähh gescrollt…

Jetzt mitmachen!

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