超簡単！jQueryを使ったレスポンシブ対応クリッカブルマップ『jQuery RWD Image Maps』 - 株式会社ネディア │ネットワークの明日を創る│群馬

前回までにメディアクエリを使用して『既存のホームページをレスポンシブスマホ対応する方法』やレスポンシブ対応に最適な『jQueryを使った折りたたみ式のグローバルメニュー』をご紹介しました。 今回は、レスポンシブに対応した jQueryを使ったクリッカブルマップ（イメージマッピング）『jQuery RWD Image Maps』についてご紹介いたします。 クリッカブルマップ（イメージマッピング）メリット、デメリット クリッカブルマップのメリット 複雑なデザイン（紙媒体用のチラシや、建設業の設計図や地図など）に対してリンクを貼る際に工数を短縮できる。 元々のデザインを損なうことがない。 クリッカブルマップのデメリット 画像が大きくなりがちでページが重くなる。 画像内テキストがSEOとして働かない。 レスポンシブ対応を行うと画像サイズが可変となり、リンクエリアがずれる。 デメリットのうち、1つ目