#18 Indigo66
Danke für das Stickwort!
#19 Sieger66
In der Tat ist der Link defekt. Es fehlt ein ';' am Ende.
Beschrieben wird, wie eine ImageMap aufgebaut ist. Gut zu wissen.
Ich habe zahlreiche ImageMap-Generatoren gefunden, die insbesondere die Ermittlung der Koordinaten der Tippflächen vornimmt.
Zwei KO-Kriterien sind wichtig:
1. Das Image muss aus der URL der Website geladen werden. Das können nicht alle; KO!
2. Das Ergebnis der Map muss responsive sein. Der erzeugte HTML-Code ist es nicht; KO!
Programme, die aus einem URL-Image eine svg-(Bild) Datei erzeugen sind geeignet.
Mit dem online-Tool fla-shop.com/image-maep ist das recht komfortabel möglich; free!
Auch 'Anker sind als Link mit "/rel.Adresse/#anker3" target="_parent" möglich.
Die erzeugten svg-Daten müssen (mit Editor/Notepad) als map.svg abgelegt und in den image-Pfad der Website geladen werden.
Wichtig:
Style im svg-Code ggf. bearbeiten.
Das urprüngliche Image ist als Pfad in der map.svg eingebunden; nicht doppelt im Beitrag einfügen!
Joomla unterstützt kein svg-Format, nichtmal im upload.
Mit dieser Codezeile kann die map.svg aus o.g. Pfad über das JCE-Codefenster im Beitrag eingebunden (und skaliert) werden:
<p style="text-align: center; margin-bottom: 1em;">
<object data="/images/stories/.../map.svg" type="image/svg+xml" style="width: 90%; height: auto;" width="90%" height="auto"> </object>
</p>
Der Herstellen bietet Support an!
Dieser Beispiellink ist nur vorübergehend aktiv.
vG
Moderator: Ggf. wäre dieses ein eigener Thread. Mit dem ursprünglichen JS-Player hat das nicht mehr zu tun.