このサイトと同様の効果を達成しようとしています:
対応する画像の周りにマウスオーバー関数を配置する代わりに、画像上に定義された座標を持つ多角形を描画して、画像のさまざまな部分を単純に強調表示したいだけです。
私は自分のサイトを次の場所でテストしています。
http://perfectdays.ca/image-map/
WordPress で ImageMapper というプラグインを使用して、サイトで表示されるイメージ マップを作成しました。現在、たとえば腕にマウスを合わせると、画像上の腕の領域が強調表示されます。
a) 腕の上にマウスを置いたときに左側の対応するテキストを強調表示する方法、またはその逆 (さらに重要なことに)、テキスト「Full Arms」の上にマウスを置いたときに腕を強調表示する方法がわかりません。
Javascript Newbie: How to Highlight text and image in different divs on mouseoverというやや似た投稿がありました。
ただし、上記のプラグインを使用せずに、画像の特定の部分の強調表示を含めるようにそれを適応させる方法を理解できません。
どんな助けでも大歓迎です。