image map resizer

Bildkarte Änderung

Dies ist eine einfache Bibliothek, die HTML -Bildkarten reagiert, so dass sie automatisch auf die Größe des Bildes skaliert bleiben, an das sie angebracht sind. Es erkennt das zu ändernde Fenster und aktualisiert die Koordinaten der Bildkarte entsprechend.

Diese Bibliothek kann mit oder ohne JQuery verwendet werden.

Eingeborene JS -Verwendung

Fügen Sie das Skript imageMapResizer.min.js hinzu und fügen Sie den folgenden Anruf am Ende Ihrer Seite hinzu:

 imageMapResize ( ) ;

Optional können Sie einen CSS -Selektor übergeben, der eine Sammlung von Karten -Tags zurückgibt. Zum Beispiel "map.mymap" oder eine direkte Referenz auf ein Kartenobjekt im DOM. Diese Funktion gibt eine Reihe von Kartenelementen zurück, an die sie gebunden ist.

JQuery Nutzung

Fügen Sie JQuery und das Skript von ImagemapResizer.min.js hinzu und fügen Sie dann den folgenden Anruf am Ende Ihrer Seite hinzu:

 $ ( 'map' ) . imageMapResize ( ) ;

Oder Sie möchten es in eine $(document).ready() -Funktion einwickeln:

 $ ( document ) . ready ( function ( ) {
    $ ( 'map' ) . imageMapResize ( ) ;
} ) ;

WordPress

Es gibt einen Port dieser Bibliothek für WordPress von @ievevinmcdonald https://wordpress.org/plugins/add-image-maps/

Lizenz

Copyright © 2014-19 David J. Bradshaw - lizenziert nach der MIT -Lizenz