Druckbare Version
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
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
Möglicherweise (ungetestet unter Contao 4, manuelle Installation erforderlich) könntest Du eine Erweiterung dafür nutzen: https://github.com/marebe1602/mae_image_map
Danke für die Tipps.
Joe
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