image map - dynamische Koordinaten

[Gunnar Bittersmann]

@@frooast

Ich habe eine Image Mape, die Polygone für bestimmte Areas besitzt. Da ich diese Seite in Wordpress und somit für mehrere Größen brauche, habe ich sie resizeable gemacht (das Image). Nun kommt das Problem, dass meine Koordinaten nicht mit verändert werden...

Erstelle ein SVG, dessen viewBox in Pixeln genau so groß ist wie das Bild. Dann kannst du die Formen und Koordinaten der areas übernehmen und per xlink:href im SVG verlinken.

Lege das SVG mit den clickbaren Flächen über das Bild (bzw. binde das Bild mit ins SVG ein) und sorge dafür, dass beides gleichermaßen skaliert.

        $(document).ready(function () {
                $('#sampleShapes').ImageMapResize({ origImageWidth: "797" });
        });

Das ist nicht der Weg, den du gehen solltest.

LLAP 🖖