在 Wordpress 中将弹出图像添加到平面图

Question

这是一个一般的网页设计问题，但是看到我为我的客户构建的网站是使用 wordpress 构建的，我会先在这里问它。

我的客户有一个 2 层楼的小屋/小木屋。她提供了 CAD 绘制的两个楼层的平面图和所有房间的照片。她问我是否可以添加显示房间图像弹出窗口的功能，因为鼠标指针悬停在原始平面图图像中的每个单独房间上。我知道我需要以某种方式创建覆盖原始图像的区域，并将鼠标悬停在显示照片的 css 规则上。

我认为这是一个可爱的想法，希望一些聪明的人可以为我指明实现这一目标的正确方向。

非常感谢

Answer 1

我会将平面图分成更小的部分（正方形或矩形），将它们作为背景放入 div 中，然后在 div 上添加 CSS 或 jQuery 鼠标悬停以弹出所述图像。