問題タブ [imagemapster]

現在のフロアをクリックしてユーザーをリダイレクトしようとしています

それなし

エリアタグのhrefが機能します。これではそうではありません。私は何を間違えましたか？ JSFIDDLE

maphilight を有効にすると、画像が反応しなくなります。

最初に、rwdImageMaps.js でイメージマップをレスポンシブにしましたが、問題なく動作しました。しかし、maphilight を有効にすると、画像自体が応答しなくなります。(ただし、イメージマップはレスポンシブのままです。)

chrome inspect から: maphilight なし、maphilight あり。

maphilight.js が 100% からイメージを変更し、高さと固定の div に応答することがわかります。画像/divを再びレスポンシブにするにはどうすればよいですか? (ImageMapster も試しましたが、同じ問題が発生しました。)

誰かがこれを解決するのを手伝ってくれますか? 前もって感謝します！;)

ImageMapsterを使用して、イメージ マップに効果を追加しています。彼らは、美しいアウトライン/マッピングされた体の部分を持つスケルトンの例を持っています:

http://www.outsharked.com/imagemapster/examples/joints/SkeletonJointExample.html

座標をマッピングするのに役立つツールをいくつか見つけましたが、上記のような滑らかなアウトライン マップを取得するのは簡単ではありません...代わりに、次のような不格好な形状になってしまいます。

座標をマッピングする簡単な方法はありますか、それともより大きな画像を取得し、ポリシェイプを描画して座標を細心の注意を払ってマッピングする必要がありますか?

CakePHP で構築された Web サイトで Imagemapster を使用しています。CakePHP 環境外でコードを正常に実装しました

ただし、 CakePHP 用にわずかに変更されたこの同じコードを使用すると、ロールオーバー時のイメージ スイッチとチェックボックス リスト (Imagemapster によって自動生成される) のレンダリングに問題が発生します。ロールオーバー時に、イメージマップが検出され、メイン画像に複数のロールオーバー領域があることがわかりますが、それが CakePHP に引き継がれた機能の限界です。（コード内の代替画像への画像パスを確認しましたが、すべて正しいです。）

これをトラブルシューティングするために、Imagemapster の FAQ や他の多くの情報源を確認しましたが、何も表示されません。他の誰かがこの問題を抱えていますか?

ImageMapster jquery スクリプトを使用してイメージマップを作成しています。作成者は、画像マップのサイズをレスポンシブに変更する方法を示すフィドルを提供しています。マップがページの幅の 100% を占めるようにしたい場合に機能します。ただし、以下の例 (作成者のレスポンシブの例を使用) のように、マップの周りに境界コンテナーを配置すると、境界ボックスの幅をはるかに超えてサイズ変更されます。(以下のフィドルを表示するときは、ブラウザを拡大してみてください)。このサイズ変更コードを変更して、マップがコンテナーの幅を超えて拡大しないようにするにはどうすればよいですか? 通常の css max-width ではできません。

フィドル: http://jsfiddle.net/jQG48/999/

サイズを計算するために彼が使用するコードは次のとおりです。

imagemapster でバインドされた 2 つの画像があります。領域をクリックすると、選択されたままになります。これで問題ありません。領域をクリックしたときに他の領域の選択を解除するように動作を変更する必要があります。

それは可能ですか？

私が達成しようとしていることを理解していない場合は、お気軽にお問い合わせください。