Verweissensitive Grafik, relative Anpassung der Hyperlinks an Grafik je Viewport

[Gunnar Bittersmann]

@@Matthias Scharwies

Unten im Artikel verlinkt er auf: http://demosthenes.info/blog/760/Create-A-Responsive-Imagemap-With-SVG

So in der Art hatte ich das letztens auch gemacht: Ein Click-Dummy, Photoshop-Mockup als Bild (width: 100%), clickbare Flächen mit SVG (die können dann genauso einfach auch Kreise oder Polygone sein).

Und responsive war das Ding auch: Bei einem Breakpoint (im style-Element im SVG) wurde ein anderes Bild mit entsprechend anderen clickbaren Flächen angeschaltet.

LLAP 🖖