レスポンシブデザイン + イメージマップ(クリッカブル・マップ)

時々やってくる、イメージマップ(クリッカブル・マップ)の実装。
それだけならよいが、レスポンシブデザインが当たり前の現在は、座標がころころ変わってしまっては
もともこもない。

そこでレスポンシブデザインにも実装できる、イメージマップの実装方法をまとめる。

レスポンシブな画面の動きに合わせて座標の指定を動的に変更するにはやはり
jQueryの力が必要。つかうものはこれ。

stowball/jQuery-rwdImageMaps ・ GitHub

そして

を加える。