SVG Sanitizer bzw. SVG Embed
Eingetragen von Kiwi´s (12)am 05.10.2016 - 09:39 Uhr in
Hallo zusammen,
ich benötige (leider mal wieder) Eure Hilfe. Ich versuchte ein Imagemap in Drupal einzubinden. Diese funktioniert auch soweit ganz gut, allerdings ist sie nicht responsive. Aus diesem Grund wollte ich das Ganze mit einer svg lösen. Nun habe ich mal das eine Modul SVG Embed und dann mal das andere Modul SVG Sanititizer installiert und versucht das SVG einzubinden. Leider ohne Erfolg. Ich finde auch leider keinerlei Hilfe oder Infos in Google. Könnt Ihr mir sagen was ich machen muss, damit ich ein SVG in Drupal zum laufen bringe oder ob es eine andere Möglichkeit gibt ein Imagemap für Drupal responsive zu gestalten? Auch habe ich meine 360 Grad Fotos die ich mit der Imagemap verknüpft habe, nicht direkt in Drupal einbinden können, sondern musste die Fotos auf theta360.com hochladen und mit dem Code einbinden. Vielleicht hat mir das auch jemand einen Tipp.
Ihr könnt Euch das bisherige Ergebnis mal auf http://www.adrspach-chalupa.info/de/360Grad ansehen.
Vielen Dank für Eure Hilfe im Voraus.
Kiwi
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, ein Imagemap ist ein
am 05.10.2016 - 12:18 Uhr
Hallo,
ein Imagemap ist ein uraltes HTML Relikt (noch vor CSS) und kann unmöglich responsiv
sein.
Heute macht man so etwas mit CSS.
Das was Du vor hast, ist jedenfalls kaum möglich.
LG
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Da bei der Imagemap die Pixel
am 05.10.2016 - 17:59 Uhr
Da bei der Imagemap die Pixel relevant sind, um Bereiche oder Kreise auf dem Image zu definieren geht es nicht "responsive" sondern nur "adaptive". Das heißt, Du mußt verschiedene Imagemaps haben je nach Größe des Bildschirms. Die packst Du in jeweils einen Block und mit Kontext und Kontext-Breakpoints blendest Du den passenden Block zum Breakpoint auf der Seite ein. So habe ich es jedenfalls schon einmal gelöst.
.
Werner
drupal-in-duesseldorf.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *