image map resizer

画像マップのサイズ

これは、HTMLイメージマップを応答するものにするシンプルなライブラリであるため、添付されている画像のサイズに自動的にスケーリングされたままです。サイズ変更されているウィンドウを検出し、それに応じて画像マップの座標を更新します。

このライブラリは、jqueryの有無にかかわらず使用できます。

ネイティブJSの使用

imagemapresizer.min.jsスクリプトを含めると、ページの下部に次の呼び出しを追加します。

 imageMapResize ( ) ;

オプションで、マップタグのコレクションを返すCSSセレクターを渡すことができます。たとえば、「map.mymap」またはDOMのMAPオブジェクトへの直接参照。この関数は、バインドされているマップ要素の配列を返します。

jQueryの使用

jqueryとimagemapresizer.min.jsスクリプトを含めて、ページの下部に次の呼び出しを追加します。

 $ ( 'map' ) . imageMapResize ( ) ;

または、 $(document).ready() functionでラップしたい場合があります。

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

WordPress

@iankevinmcdonald https://wordpress.org/plugins/add-image-maps/によって作成されたWordPressのこのライブラリのポートがあります

ライセンス

Copyright©2014-19 David J. Bradshaw- MITライセンスに基づいてライセンス