Es ist lange her, seit ich Image Mapping machen musste! Wahrscheinlich 4-5 Jahre.HTML Imagemap mit auswählbaren Regionen, die Popup-Inhalt auslösen
Das letzte Mal erreichte ich dies mit dem Tag und Erstellen von Tags für polygonale Formen. Dies funktioniert natürlich und wird auch in HTML5 noch unterstützt. Frage ist jedoch, ist dies immer noch ein guter Weg für die Bildzuordnung? Oder sollte ich diese Richtung verwerfen und stattdessen Leinwand- oder SVG-Techniken verwenden?
Es gibt ein paar Faktoren in Bezug auf die Entscheidung:
- Der Client verwendet IE7, so dass die Lösung mit IE7 und IE8 arbeiten muss, damit das Denken mir nicht SVG zu verwenden oder Leinwand, würde es einfacher zu sein, denke ich, die alte Schule Karten-Tag zu verwenden, zumindest wird es problemlos über alle Plattformen funktionieren.
- Die Karte hat ziemlich benutzerdefinierte Stile (Striche um die Bereiche mit einer Marge Lücke)
- Jeder Bereich hat einen Rollover-Status, mit einem Popup mit Inhalt für jede Region einzigartig. Dies muss mit JS erreicht werden. Gibt es Probleme bei der Verwendung von JS für die Interaktion mit der DOM-Struktur der Karte mithilfe des Karten-Tags?
- Es ist nicht wichtig, aber ich würde die Karte etwas reaktionsschneller auf das Ansichtsfenster machen.
Verwenden Sie das Etikett ehrlich gesagt fühlt sich wirklich alt, altmodisch und schmutzig. Aber um ehrlich zu sein für meinen Fall, scheint es die am besten geeignete Lösung zu sein. Was denkt jeder?
Jedes Feedback willkommen,
Danke, Craig