image - 将弹出图像添加到 Wordpress 中的平面图

标签 image javascript media thumbnails

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

我的客户有一间两层楼的小屋/小屋。她提供了两层楼的 CAD 平面图和所有房间的照片。她问我是否可以添加当鼠标指针悬停在原始平面图图像中的每个单独房间上时显示房间图像弹出窗口的功能。我知道不知何故我需要创建覆盖原始图像的区域,并将鼠标悬停在显示照片的 CSS 规则上。

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

非常感谢

最佳答案

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

关于image - 将弹出图像添加到 Wordpress 中的平面图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42072674/

相关文章:

html - 文本与图像垂直居中

javascript - 从嵌入的 HTML 访问组件 Controller

java - 获取所有可以处理 Intent.ACTION_MEDIA_BUTTON Android 13 API33 的 android 包

html - 我的媒体查询无法正常工作,尤其是横向

image - 首帖跨浏览器解决方案添加3张图片

当所有图像加载时jquery div

python - 如何获取和存储平面图房间的质心坐标?

javascript - 如何忽略(仅)jslint unparam block 中的特定参数

javascript - 在纯函数代码中使用 React proptypes 进行验证

java - android中的音乐库