Dynamische Grafik

Schwarz

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

Werbepost

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

wp-entwickler

Mach am besten ein Mockup damit wir verstehen wie das aussehen soll. :)

Schwarz

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.

wp-entwickler

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

Vielen Dank für deinen Tipp. Am besten löse ich es mit CSS ::hover.

Sailor56

'hover' ist im CSS eine Pseudoklasse - wird also nur mit einem Doppelpunkt

Code

:hover

notiert.
Die mit dem doppelten Doppelpunkt

Code

::after

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 :).

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Dynamische Grafik

Jetzt mitmachen!