[mae_image_map] Responsive ImageMaps ohne JavaScript
Diese Erweiterung bildet die Funktionsweise von verweissensitiven Grafiken, die normalerweise über <map> und <area>-Tags dargestellt werden in abgewandelter Form nach, sodass sich die Rechtecke mit den Verweisen in Größe und Position automatisch an das übergeordnete Bild anpassen.
Die "ImageMaps" können komplett vom Redakteur im Backend konfiguriert werden. Nur wenn es darum geht, spezielle Layouts oder Effekte abzubilden, muss das CSS/Javascript bemüht werden.
Das Contentelement erweitert das normale "Bild"-Element um die Angabe der zu verwendenden ImageMap. Die vordefinierten Bildgrößen des Themes können wie gewohnt verwendet werden.
An mich wurde in letzter Zeit mehrmals der Wunsch heran getragen, eine ImageMap z.B. für Parkplatzangebote oder Wegpunktbeschreibungen auf einer "Nicht-Google-Landkarte" abzubilden. Früher verwendete ich dafür ein HTML-Modul mit einer ImageMap und habe die dort hart codierten Maps per jQuery-rwdImageMaps responsive gemacht.
Mit der Zeit wurde mir das zu stupide und extra dafür ein jQuery-Plugin wollte ich auch nicht haben. Also zumindest ich bin mit meiner neuen Lösung sehr zufrieden.
Sie entstand quasi als Nebenprodukt eines Webprojekts.
Über Feedback jeder Art würde ich mich sehr freuen.