Wordpressのフロアプランにポップアウトイメージを追加する

Question

これは一般的なウェブデザインに関する質問ですが、私のクライアント向けに構築したサイトはwordpressを使用して作成されていることがわかります。

私のクライアントには2階建てのロッジ/シャレーがあります。彼女はフロアとすべての部屋の写真のCAD図面平面図を提供しています。彼女は、マウスポインターが元のフロアプラン画像の別々の部屋の上に乗っているときに部屋の画像ポップアップを表示する機能を追加できるかどうかを尋ねました。どういうわけか、元の画像にオーバーレイするゾーンを作成する必要があることを理解しています。

私はこれが素晴らしいアイデアだと思っています。これを達成する正しい方向に賢い魂が私を向けることができますように。私がポップアップするdiv要素の上にマウス用のCSSやjQueryの上を追加し、小さなセクション（正方形や長方形）にフロアプランを分割背景としてのdivにそれらを置く

感謝

Answer 1

は、画像を言いました。