問題タブ [imagemap]

このコードの何が問題になっていますか? イメージマップが機能しないのはなぜですか?

アップデート：

次のようにコードを再構築しましたが、まだ機能していません。

背景画像を表示する Swing を使用して画像マップを作成する必要があります。次に、特定のホットスポットにマウスを合わせる (またはクリックする) と、「拡大された」画像をポップアップ表示して表示する必要があります。

JPanel を拡張して画像参照を含め、それを paintComponent(g) メソッドで描画することを考えていました。この部分はこれまでに行ったもので、コードは次のとおりです。

定義されたホットスポットでのマウスクリックをリッスン/応答する方法を誰かが推奨できますか? 誰かがポップアップを表示する方法をさらに推奨できますか? 私の直感的な反応はJPopupMenu、上記のコードと同様に、画像を表示するように拡張することでした。

助けてくれてありがとう！

私は、HTML に変換するための派手でグラフィックを多用したデザインを持っています。そのナビゲーションにはひどい（もちろん非標準の）フォントがあります。テキスト置換テクニックはあまり好きではありません。

では、イメージ マップがナビゲーションに適しているかどうか疑問に思っています。それらはSEOにとって良いか悪いか?

興味深い問題があります：

私のガール フレンド (画家...) は、次のような Web ページを作成したいと考えています。

1. 最初のページは、すべての画面を通る単なる画像です-スライダーなどはありません。したがって、さまざまな解像度の画像のサイズを変更するという問題があります。
2. この画像には、ユーザーがページの残りの部分をナビゲートできるいくつかのウィンドウがあります。

解決策:

1. したがって、最初の問題については、jquery という優れた解決策があります。それはうまく機能します、問題ありません。

2. 2 番目の問題については、正常に機能するイメージ マップがあります。

問題：

1 番目と 2 番目のソリューションを組み合わせるにはどうすればよいですか? まだ解決策を見つけていない唯一の問題は、多角形のイメージマップ座標を動的に計算する方法です。(つまり、画面の解像度がどうであれ、イメージマップのプロパティは常に適切な場所にとどまります)。

長方形の場合、これを見つけました。ポリ形状はどうですか？

誰かがこれを達成する方法についていくつかのアイデアを持っていますか?

イメージ マップを使用してハイパーリンクを作成できます...

しかし、イメージ マップのエリア セグメントを使用して別のイメージで埋めることも可能ですか。

はいの場合、どのように行うのですか？タグにimgタグがありません!!

私が作成している Web ページには、背景画像を持つ div があります。頻繁に変更する画像の上にテキストを重ねます。そのため、テキストを含む img タグの代わりに、背景画像と実際のテキストを使用しています。

背景画像にはクリック可能な領域が含まれているため、画像マップが必要です。

これを行う最善の方法は、透明な画像を持つ別のオーバーレイ div を用意し、背景領域のクリック可能な領域に対応する透明な画像の画像マップを用意することだと思います。

私は正しい軌道に乗っていますか、それとももっと良い方法がありますか?

jQuery Map Hilighterプラグインを使用していますが、各領域の暗いパッチをフェードする代わりに、これを逆にして周囲の領域を暗くし、ホバーした領域を同じ色に保ちたいと考えています。

プラグインのコードを調べたところ、強調表示を行うために canvas 要素 (および私が推測する MS の同等物) を使用しているようです。ただし、Firebug は、形状が定義されている正確な場所についてはあまり公開していません。上記のデモでは、次のようになっています。

また、ホバーする要素の形状を指定するものは何も表示されません。これは、形状を作成しているように見える JS の一部です。

Linux（Ubuntu）でKImageMapEditorを使用して画像マップを作成しています。画像の形は少し複雑なので、フリーハンドツールを使用して描画しています。ただし、これは実際にはポリゴンツールと同じであるため、形状に多くのポイントが含まれることになり、HTMLがかなり巨大になります。

線を「滑らかにする」など、形状の複雑さを軽減する方法を知っている人はいますか？

また、形状をかなり正確にしたい理由は、マウスオーバーで各形状が強調表示されるようなことを行うつもりだからです：http: //davidlynch.org/js/maphilight/docs/demo_usa。 html

jQueryを使用して画像マップを動的に作成しようとしていますが、奇妙な動作に遭遇しました。

つまり、エリアタグを一度に作成することはできません。私が言うなら

その後、何も作成されません。ただし、徐々に実行すると機能します。たとえば、

これがなぜなのかわかりません。属性とコンテンツを使用して他のあらゆる種類の要素を作成できるからです。

だから、なぜこれが機能しないのかはっきりしていません。への呼び出しを連鎖させることでそれを混乱させることができるので、これはそれほど重要ではありませんが、それはattr迷惑であり、この動作を理解したいと思います。

ウィンドウのサイズ変更イベントでイメージ マップのサイズを変更しようとしています。私が得た最も近い方法は、マウスクリックイベントを使用することですが、私がやっていることのためにウィンドウのサイズを変更する必要があります。Firefox 3.5.5 を使用しています

私はjqueryを多少使用しています。これが私の例です-ウィンドウのサイズ変更でサイズを変更したいエリアボタンは左上にあります（クリックしてマップとエリアボタンのサイズを変更します）：

http://www.whitebrickstudios.com/foghornstour/imagemap3.html

どんな助けでも大歓迎です！ありがとう、リッチ