画像上にツールチップを作成するための提案

Question

イメージマップ上に複数のツールチップを作成する方法がありますか？ jQueryを使用するソリューションを探していることが好ましいが、必要ではない。

私は解決策がイメージマップに存在することは知っていますが、それらはちょうどとても控えめで維持不能なようです。たとえば、画像が動的なソースから来たものはどうでしょうか？そのソースは、誰かが事前に作成しなければならない画像マップも提供しなければならないだろうか？たぶん私はあまりにも多くを求めているかもしれませんが、そこにいる誰かがこれにもっとエレガントな解決策を持っているという機会に、私はとても感謝しています。

ありがとうございました！

Answer 1

私はあなたの質問を理解していますが、私たちが壊れないことは2つあります。

1. あなたのイメージを動的
2. ツールチップ領域が点、箱、または基本的に任意の形状（領域に結合する座標のセット）とすることができるロードされるかもしれない
ため＃2の

、イメージマップを使用することは不可能ですが、不可能です。ただし、ツールチップ領域がポイントとボックスに限定されている場合は、イメージマップを作成せずに行うことができます。これはイメージ・ソースが情報を提供する必要がないという意味ではなく、ソースがイメージに関する一般的なJSONオブジェクトを提供できることを意味します。イメージがクライアント側に到達したら、作成した関数を呼び出して、画像の上に不可視のdivを作成し、受け取ったデータに基づいて、mouseenter()が割り当てられた小さなdiv領域を作成できます。これでも、イメージマップからはFARではありません。

私が作ろうとしているのは、イメージにデータを添付しなくても、クライアント側に届くとそのデータを処理する必要がないということです。これは、あなたの地域がどんな形をとっていても、どんな形をとってもかまわない、そのような無制限の環境で作業しているからです。

これは決してあなたの質問に答えることはできませんが、通常は優雅さはこの場合は実際には何もできません。