Hover Effekt

[germanman27]

Ich bin noch relativ neu mit Contao und versuche mehrere Hover Effect auf ein Bild zu erzielen so wie hier: https://funmachines.de/shop
so dass ich mehrere Punkte auf ein Bild platzieren kann

[dhe]

Uh, das ist nicht einfach und erfordert doch mehr Kenntnisse.
Mir ist kein Out-of-the-Box Plugin für sowas bekannt.

Ich würde daher das mit den custom elements von rocksolid versuchen umzusetzen. Benötigt aber PHP/CSS/Jquery Kenntnisse.

[fusch]

Hallo,

das hat nicht viel mit Contao an sich zu tun, sondern mit HTML-Markup und CSS. Dazu ein bißchen Animation per Javascript.
Am besten untersuchst Du die Seite mit den Developer-Tools, dann kannst Du versuchen es zu verstehen und nachzubauen.

Gruß
Hella

[germanman27]

Danke für die Erklärung werde es weiterhin versuchen.

[mlweb]

Ich glaube maddesign hat das ganz gut erklärt. Das einzige was Du noch selbst einbauen musst ist der Zustandswechsel bei hover http://maddesigns.de/responsive-imagemap-2194.html
Vielleicht hilft es Dir.

[spotbot2k]

So etwas ist relativ leicht zu machen - einige Beispiele mit Demos und Quellcode findest du hier - https://freefrontend.com/css-hotspots/

Würde man aber das als Modul(Element/CustomElement) bauen, so muss man die Koordinaten der Punkte leicht steuerbar machen, da ist die Backend-Oberfläche in der Implementierung ziemlich aufwändig. Könnte man aber machen.

[jk1]

Mit der entsprechenden Erfahrung zum Einbau würde ich auch den Link von spotbot2k empfehlen.
Falls du es "einfacher" willst, könntest du auch das Eclipse von Contao Premium Themes nehmen, da ist sowas dabei (mit Eingabemasken im Backend): http://preview2.premium-contao-theme.../imagemap.html

Ich habe einfacher in Anführungsstrichen geschrieben, da Eclipse m.M. nach eine eierlegende Wollmilchsau ist. Das mag nicht jeder. Ich habe das zwar auch schon ein paar mal genutzt, aber Spaß macht mir das nicht

[wedev]

hier ist was ich für dich gefunden habe.
https://newtodesign.com/css-image-hover-effects/