Bild mit mehreren Links

[joelehmann]

Hallo,
ich möchte einen Grundriss mit 19 verschiedenen Links versehen. Hat jemand einen Tip für mich, wie ich das praktikabel umsetzen könnte.
Meine erste Idee war, das Bild zu zerschneiden und so den Teilen die Links zuweisen zu können. Da scheitere ich aber bis jetzt an der Umsetzung für die mobile Version.
Zur Veranschaulichung hier der Grundriss: https://test4.dom-guestrow.de/rundgang.html

Danke im voraus
Joe

[planepix]

Hallo Joe,

suche einmal nach „Responsive Image Map”.

z.B. hier: http://maddesigns.de/responsive-imagemap-2194.html
oder https://wiki.selfhtml.org/wiki/SVG/T...sive_Imagemaps

[lucina]

Möglicherweise (ungetestet unter Contao 4, manuelle Installation erforderlich) könntest Du eine Erweiterung dafür nutzen: https://github.com/marebe1602/mae_image_map

[joelehmann]

Danke für die Tipps.
Joe

[Flox]

Hi,

das geht am besten mit einem SVG. Baue und verlinke den Plan richtig in Illustrator auf und setze den HTML-Code des SVG in einem Template ein. Damit kannst du den plan mittels File-Inserttag {{file::*}}einbinden.
Habe das schon ein paar mal gemacht, hier ein Beispiel: https://barrierefrei-wohnen.kvjs.de/wohnberatung/ (Das ist nun aber eine Typo3-Installation, die andere Seite ist noch nicht online, funktioniert aber wie oben beschrieben.)

Liebe Grüße