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
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
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.
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
Mitglied des Contao User Treffen München
Aktuelle Termine erfährst Du immer unter www.contao-bayern.de
Komm' doch mal vorbei!
Danke für die Erklärung werde es weiterhin versuchen.
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.
Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
Unterstütze bitte das Contao-Projekt (Button Links)
Weitere Spendenmöglichkeiten
------------------------------------------------------------------------------------------------------
Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
Contao-Online-Video-Kurse: Contao Academy
Funktionalität erweitern: Contao-Erweiterungen
Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
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.
Geändert von spotbot2k (13.07.2018 um 15:51 Uhr)
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
hier ist was ich für dich gefunden habe.
https://newtodesign.com/css-image-hover-effects/
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)