#999;text-align:center;color:#666}.carousel-entry-card-thumb{overflow:visible}PCやスマホ、ガジェット、周辺機器、WEB関連、日常の小ネタ全てにおいてトラブルは基本的に自己解決する為のサイト。2018.04.02WEBページの作成時などで、画像に複数のリンクを張りたいときや画像の一部分だけにリンクを張りたいときにはイメージマップ(クリッカブルマップ)を利用します。メージマップ(クリッカブルマップ)は、最近はあまり使われなくなったがまだまだたまに利用する場面もあると思います。そんなときに問題になるのが、レスポンシブ対応サイトでの表示です。レスポンシブ対応のサイトだと、ブラウザの大きさが変わった際に画像の大きさも自動的に変わってしまう場合が多く、その際にイメージマップ(クリッカブルマップ)で設定したリンクの位置がズレてしまいます。スポンサーリンク目次ダウンロード設定おまけ(無料イメージマップコード生成サイト)ダウンロードまず、jQueryをダウンロードします。(※既にjQueryがある場合には不要です。3.3.1」をダウンロードします。※jsフォルダ等の任意のフォルダに保存してください。Maps」をダウンロードします。※jsフォルダ等の任意のフォルダに保存してください。ダウンロードは以上です。タグの直前あたりに挿入します。{$('img[usemap]').rwdImageMaps();});</script>以上で設定完了です。これだけでイメージマップ(クリッカブルマップ)がレスポンシブWEBサイトに対応します。スポンサーリンクおまけ(無料イメージマップコード生成サイト)おまけですが、イメージマップ(クリッカブルマップ)を簡単に生成できるサイトも紹介いたします。Generatorhttp://labs.d-s-b.jp/ImagemapGenerator/ブラウザとクリック操作だけで、簡単に画像をイメージマップ化できるのでとてもオススメです。/scannowでWindowsを修復する2019.02.122019.12.20Windows10のロック画面の背景画像が変わらないエラーの対策2019.01.072019.02.08PCの調子が悪いときのチェックリストと対策方法2019.02.14スマホ(iPhone,Android)でWebページのHTMLソースを見る方法2019.08.12SSH接続がタイムアウトで自動的に切断されないようにする2019.01.24デスクトップ版iTunesのダウンロード方法2019.01.16VirtualBoxでホスト⇔ゲスト間でコピペができるようにする。「論理ブロックアドレスでIO操作が再試行されました。/scannowでWindowsを修復する2019.02.122019.12.20Windows10のロック画面の背景画像が変わらないエラーの対策2019.01.072019.02.08PCの調子が悪いときのチェックリストと対策方法2019.02.14スマホ(iPhone,Android)でWebページのHTMLソースを見る方法2019.08.12SSH接続がタイムアウトで自動的に切断されないようにする2019.01.24デスクトップ版iTunesのダウンロード方法2019.01.16VirtualBoxでホスト⇔ゲスト間でコピペができるようにする。「論理ブロックアドレスでIO操作が再試行されました。目次ダウンロード設定おまけ(無料イメージマップコード生成サイト)。