jquery - Imagemapster 画像の余白をプログラムで変更する

Question

ウィンドウのサイズ変更イベントへの反応として、問題のある Imagemapster イメージのマージンを変更しようとしています。サイズの変更は完全に機能します（mapsterのサイズ変更方法を使用します）。どの要素に新しいマージンを適用する必要がありますか? 画像自体に適用すると、画像は正しく配置されますが、ホットスポットは移動しません。それはまったく可能ですか？（私はjqueryを使用していますが、javascriptソリューションも問題ありません）

Answer 1

ImageMapster は画像のdivラッパーを作成し、画像から CSS を削除します。プラグインは、効果を確実に作成するために、画像と他のレイヤー化された要素との間の統一されたスタイルに依存します。

私は次の2つのいずれかを行います。

1) ラッパーにスタイルを適用します。次を使用してこれをターゲットにできますparent。

$('#my-image').parent();

2）最初に画像の周りに独自のラッパーを作成し、代わりにスタイルの変更をターゲットにします：

<div id="my-image-wrapper">
    <img src="..." id="my-image">
</div>

どちらでも問題なく動作するはずです。2 番目は、imagemapster によってバインドされたときに画像がどうなるかをまったく心配する必要がないという理由だけで、おそらく最も簡単です。