1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Dynamische Grafik

Dieses Thema im Forum "Design" wurde erstellt von Schwarz, 29. November 2019.

  1. Schwarz

    Schwarz Member

    Registriert seit:
    29. November 2019
    Beiträge:
    8
    Zustimmungen:
    0
    Hallo Zusammen,

    ich möchte gerne in meine Seite eine Grafik einfügen, in der dynamisch, per Cursor Bewegung ein Bild gezeigt wird mit Infotext dazu. Hat jemand Erfahrung damit?
    Was muss ich dabei mit der Creative Suite lösen und was per WP?

    Vielen Dank.

    Grüße,

    Schwarz
     
  2. wp-entwickler

    wp-entwickler Well-Known Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    99
    Zustimmungen:
    12
    Mach am besten ein Mockup damit wir verstehen wie das aussehen soll. :)
     
  3. Schwarz

    Schwarz Member

    Registriert seit:
    29. November 2019
    Beiträge:
    8
    Zustimmungen:
    0
    ok, siehe anbei die Skizze.
    Also im Hintergrund werden verschiedene Anwendungen gezeigt, in denen Leuchten verbaut werden können. Dann wenn der Cursor auf eine Anwendung geht, kommt ein Bild mit der Leuchte die in dieser Szene verwendet werden kann.
     

    Anhänge:

  4. wp-entwickler

    wp-entwickler Well-Known Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    99
    Zustimmungen:
    12
    Sowas kann man mit relativ simplem JS, oder sogar per CSS mit ::hover lösen.
    Aber ein bisschen Ahnung sollte man schon haben.

    Evtl. kann man es auch mit einem Tooltip Plugin á la https://de.wordpress.org/plugins/wordpress-tooltips/ hinfummeln.
    Sauberer wäre es man würde es custom coden denke ich
     
    Schwarz gefällt das.
  5. Schwarz

    Schwarz Member

    Registriert seit:
    29. November 2019
    Beiträge:
    8
    Zustimmungen:
    0
    Vielen Dank für deinen Tipp. Am besten löse ich es mit CSS ::hover.
     
  6. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    718
    Zustimmungen:
    82
    'hover' ist im CSS eine Pseudoklasse - wird also nur mit einem Doppelpunkt
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    notiert.
    Die mit dem doppelten Doppelpunkt
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    sind im CSS Pseudoelemente - ein kleiner aber feiner Unterschied.
    Mag in der Praxis, abhängig vom verwendeten Browser, keinen großen Unterschied machen, denn viele Browser schlucken auch 'falsches' CSS. Aber wenn man etwas richtig machen kann, dann sollte man es auch tun :).
     
    wp-entwickler und Schwarz gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden