image map resizer

Redimensionnement de la carte d'image

Il s'agit d'une bibliothèque simple qui rend les cartes d'image HTML réactives, de sorte qu'elles restent automatiquement à l'échelle de la taille de l'image à laquelle ils sont attachés. Il détecte la fenêtre redimensionnée et met à jour les coordonnées de la carte d'image en conséquence.

Cette bibliothèque peut être utilisée avec ou sans jQuery.

Utilisation native JS

Incluez le script ImageMapresizer.min.js puis ajoutez l'appel suivant au bas de votre page:

 imageMapResize ( ) ;

Facultativement, vous pouvez passer un sélecteur CSS qui renvoie une collection de balises de carte. Par exemple, «map.mymap» ou une référence directe à un objet MAP dans le dom. Cette fonction renvoie un tableau d'éléments de carte auxquels il a été lié.

utilisation jquery

Incluez jQuery et le script ImageMapresizer.min.js, puis ajoutez l'appel suivant au bas de votre page:

 $ ( 'map' ) . imageMapResize ( ) ;

Ou vous pouvez peut-être l'envelopper dans une fonction $(document).ready() :

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

Wordpress

Il y a un port de cette bibliothèque à WordPress fabriqué par @iankevinmcdonald https://wordpress.org/plugins/add-image-maps/

Licence

Copyright © 2014-19 David J. Bradshaw - Licencié sous la licence du MIT