まず第一に、イメージ マップが時代遅れであることは知っていますが、まだ廃止されておらず、十分にきれいです! 私は、化学研究の分野で世界中のさまざまなラボの作業を示すために使用されている、既存の非常に雑然としたイメージ マップをアップグレードしています。
ロールオーバー画像のフェード (たとえば、個々の国) をテキスト (つまり、テキスト ヒント付きの URL ではなくキャプション) と組み合わせる方法を考えています。マップがレンダリングされ、座標を設定するのは簡単なことですが、ロールオーバー時にリンクを生成する方法が必要です。研究室のウェブサイト]、[研究者2 | ラボのウェブサイト] など、特にマップ上の同じ場所に存在する場合。
他の例からこれらをインタラクティブにするために行われているように見えるのは、画像マップの領域に対するアラートと単一のリンクだけです。このようにテキスト？
このように動作するもの(より詳しく見たい場合はすべてのラボが展開されます) は素晴らしいでしょう。
申し訳ありませんが、これ以上建設的になることはできませんが、コードが密集しすぎて、それがどのように行われるかを理解できず、基本的な解決策が欠けているのではないかと感じています...?
ありがとう