レスポンシブなイメージマップの作り方 : hover 時の効果も加えるよ | UNICO LABO

イメージマップ（クリッカブルマップ）の実装案件、今から12年前に作成して以来、久しぶりにありました。地図とかイラストマップみたいなナビゲーションは今でも、ケースバイケースで必要とされますね。 でも、レスポンシブなフルードイメージだと、area で指定したリンク領域の座標が画像サイズの変化に対応しないので、ずれていってしまいます。 こんなときは javascript でどうにかするしかないよね、と思ったら、やっぱりjQuery のプラグインがありました。 今回は、面倒なイメージマップの座標指定が簡単にできるWebサービスと、hover 時の効果を簡単に加える方法を併せてご紹介します。 HTML Imagemap Generator でイメージマップを作成する イメージマップの作成は難しくありませんが、リンク領域の座標指定がとにかく面倒！ 12年前は Fireworks で作業した記憶があり