Q&A
コードは画像ではなく、コード自体をコピーして貼り付けてください。
また、貼り付けたコードを選択してツールバーの <code> ボタンをクリックしてください。
コードが見やすくなりますので、回答が付きやすくなります。
#イメージマップで画像のサイズを変更したい。
現在、楽天RMSの一番下のプランで、イメージマップを作っています。
イメージマップのサイズがあっていないので、CSSでwidthでやるも、レスポンシブが反映されず。
ソースコードです
<html> <head> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="jquery.rwdImageMaps.js"></script> <script> jQuery( 'img[usemap]' ).rwdImageMaps(); </script> </head> <body> <div id="m1spb2"> <img class="imgmap" src="imgsample.gif" usemap="#ImageMap" alt="メニュー"> <map name="ImageMap"> <area shape="rect" coords="324,305,607,547" href="sample1"> <area shape="rect" coords="608,307,987,546" href="sample2"> <area shape="rect" coords="991,306,1273,548" href="sample3"> <area shape="rect" coords="325,548,605,790" href="sample4"> <area shape="rect" coords="608,547,989,790" href="sample5"> <area shape="rect" coords="990,547,1274,789" href="sample6"> </map> </div> </body> </html>
試したこと
『jQuery RWD Image Maps』を使いましたが、反映されず。
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
jQueryプラグイン『jQuery RWD Image Maps』を使用するといいでしょう。
投稿2020/04/09 10:35
総合スコア34075
あなたの回答
tips
プレビュー
