QA@IT

jqueryでイメージマップ(クリッカブルマップ)について 【その後】

7987 PV

Jqueryのプラグイン(rwdImageMaps)を使用し、スマホ用にイメージマップ対応を行いましたが、Androidは正常にクリックできますが、iphone(ios)ではクリックが無反応(ios不具合)でした。
対応策として、イメージ画像の高さ・横幅を指定することでクリック出来る様になったのですが、
固定で指定してしまうと、スマホにより画面サイズが可変する為、うまくいきません。

うまく固定座標を指定する方法はありますでしょうか?

====================================================
<img src="hoge/img1.jpg" height="42" width="726"

====================================================

不具合対策座標指定方法:http://qiita.com/AkiraAlex/items/4da92072bfccc84fa6f4

回答

このプラグインの作成が3年ぐらい前なので・・
Githubのプラグインの掲示板、下記で改良したプラグインがあるようなのでこちらを使ってみては?

https://github.com/stowball/jQuery-rwdImageMaps/issues/100

編集 履歴 (0)
  • ありがとうございました!!
    最新版のプラグインを入れると治りました!!
    こんな情報知っている方は、日本には"arika_onzk"様しかいないと思います。
    重ねてお礼を申し上げます。
    -

  • http://theappproducer.com/jmap/#how で最新プラグインをダウンロードする。
    ②下記をhtmlに追記する。
    <script src="jquery.jmap.min.js"></script>

    $(window).load(function(){
    $("img[usemap]").jMap();
    });
    -
ウォッチ

この質問への回答やコメントをメールでお知らせします。