image map resizer

MAPA DE IMAGEM RESIDIMENTO

Esta é uma biblioteca simples que torna os mapas de imagem HTML responsivos, para que eles permaneçam automaticamente escalonados para o tamanho da imagem a que estão anexados. Ele detecta a janela que está sendo redimensionada e atualiza as coordenadas do mapa da imagem de acordo.

Esta biblioteca pode ser usada com ou sem jQuery.

Uso nativo de JS

Inclua o script ImageMaprizer.min.js, adicione a seguinte chamada à parte inferior da sua página:

 imageMapResize ( ) ;

Opcionalmente, você pode passar por um seletor CSS que retorna uma coleção de tags de mapa. Por exemplo, 'map.mymap' ou uma referência direta a um objeto de mapa no DOM. Esta função retorna uma matriz de elementos de mapa a que ela foi vinculada.

Uso do jQuery

Inclua jQuery e o script imageMaprizer.min.js e adicione a seguinte chamada à parte inferior da sua página:

 $ ( 'map' ) . imageMapResize ( ) ;

Ou você pode querer envolvê -lo em uma função $(document).ready() :

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

WordPress

Há uma porta desta biblioteca para o WordPress feita por @iankevinmcdonald https://wordpress.org/plugins/add-image-maps/

Licença

Copyright © 2014-19 David J. Bradshaw - licenciado sob a licença do MIT