サポート » 使い方全般 » イメージマップ、クリッカブルマップずれる

  • 固定ページの画像内に複数のリンクを貼りたくて、

    <img src=”xxx.png” width=”810px” hight=”552px” alt=”サンプル” usemap=”#sample” />

    <map name=”sample” > <area alt=”リンク” coords=”xxx,yyy” shape=”poly” href=”http://www.xxx&#8221; />
    </map>
    と記述したのですが、表示するとリンクの位置が設定した位置とずれます。

    テーマは「Simone」使っていますが「Twenty Fifteen」でも同様でした。
    当方html、cssが多少わかるだけのど素人ですが、何かいい解決策があったらご教授下さい。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • レスポンシブ対応のテーマの場合、ウィンドウサイズに合わせて画像が伸縮しますが、マップの座標は変更されませんので、位置がずれるのではないでしょうか。

    この場合jQueryのプラグインなどで対応させることができます。
    https://github.com/stowball/jQuery-rwdImageMaps

    トピック投稿者 doido44

    (@doido44)

    ありがとうございます。
    それが原因っぽいですね。

    プラグインの導入方法がよくわかりませんが、もう少し調べてみます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「イメージマップ、クリッカブルマップずれる」には新たに返信することはできません。