Übersichtskarte vers. Bereiche
Eingetragen von Pet4 (98)am 21.01.2015 - 12:43 Uhr in
Hallo liebe Drupal-Community,
hat jemand eine idee wie ich diese Karte in Drupal integriert bekomme? Schwierig wird es auch da diese Karte Responsive gestaltet werden muss. Ein passendes Modul wird es sicher nicht geben bzw. habe ich nach einer Suche auch nicht gefunden.
Link: http://www.digitales-dentaldepot.de/digitale-zahnarztpraxis/uebersicht/
Vielen Dank für die Hilfe.
MFG
Pet
- Anmelden oder Registrieren um Kommentare zu schreiben
Du könntest dir Breakpoints
am 22.01.2015 - 20:02 Uhr
Du könntest dir Breakpoints für die Positionierung der verschiedenen Infolayer setzen und diese dann anhand der Bildschirmgröße anzeigen lassen.
Wichtig hierbei - die Bildgröße per CSS auf:
img {height: auto;
max-width: 100%;
}
Alternativ wäre es natürlich möglich die Infolayer per Javascript zu positionieren - hier könntest du dann direkt die Position der Layer / klickbaren Bereiche proportional zur Bildgröße berechnen.
Per jquery kannst du hier mithilfe von resize() auf die geänderte Bildschirmgröße reagieren und die anderen Elemente entsprechend umpositionieren.
Du könntest auch schauen, ob du mit dem Drupal Modul https://www.drupal.org/project/image_hotspots schon weiterkommst. Wenn man sich den Screenshot anschaut, geht das schon ungefähr in die von dir gewünschte Richtung.
SteffenR
Hallo Steffen, vielen Dank
am 04.02.2015 - 11:58 Uhr
Hallo Steffen,
vielen Dank für deine Antwort. Ich habe mir das Modul mal installiert und es per Panels ausgegeben. Leider funktioniert es nicht… Das Bild wird zwar angezeigt aber nicht die von mir vorher makierten Stellen… Weißt du vll wo das Problem liegen könnte?
Danke
Pet
Ohne die Ausgabe der Seite zu
am 04.02.2015 - 13:28 Uhr
Ohne die Ausgabe der Seite zu sehen, kann dir da keiner weiterhelfen. Hier bräuchte es dann schon einige Zusatzinfos - auch zum verwendeten Field Formatter für das Bild.
Folgende Fehlerquellen könnten es sein:
SteffenR