- Joomla 兼容性
- 4.x
- 5.x
- 6.x
- 摘要
- JM Image Map module offers a user-friendly visual drag & drop editor, extensive Font Awesome icon library (150+), custom color per hotspot, beautiful tooltip bubbles, professional styling, and import/export functionality for engaging interactive images on Joomla websites.
JM图像地图模块是为您的Joomla网站创建交互式图像地图的强大且直观的解决方案，具有视觉拖放编辑器、150多个图标和美丽的提示气泡。此模块提供了一个用户友好的视觉编辑器、丰富的Font Awesome图标库、可自定义的颜色选项以及平滑动画，使网页开发者和站点管理员能够创建与网站设计无缝集成的引人入胜的交互式图像。
以下是有效利用JM图像地图模块的全面指南。
1. 视觉拖放编辑器
点击添加热点：只需在图片上单击即可立即创建一个新的互动热点。
移动以重新定位：抓取并拖动热点，使其精确地放置在图片上的任何位置，具有像素级精度。
实时预览：在构建过程中实时查看您的图像地图将如何显示，在管理界面中进行实时更新。
编辑模态：点击任何一个热点可以打开一个干净、组织良好的模态窗口，其中包含所有配置选项。
2. 丰富的图标库（150多个图标）
视觉图标选择器：使用美观的可视化选择器浏览并从150多个Font Awesome图标中进行选择。
14个分类：按用途将图标分组 - 导航、通信、社交、商务、购物、媒体、时间、行动、状态、交通、食物、技术、天气和健康。
实时预览：在您在选择器中选择图标时，实时查看它们的渲染效果。
自定义图标支持：手动输入任何Font Awesome图标类以实现无限的可能性。
3. 热点自定义颜色
单独的颜色：为每个热点设置独特的颜色，以便创建带有颜色编码的交互式地图。
视觉颜色选择器：使用直观的颜色选择器或直接输入十六进制代码来选择颜色。
全局默认值：定义适用于所有热点的默认图标和悬停颜色。
重置到默认值：一键按钮可以移除自定义颜色并使用模块默认设置。
4. 美丽的提示气泡
自定义CSS提示框：现代、动画化的提示气泡会在悬停时出现，并具有平滑过渡效果。
箭头指示器：提示气泡包括指向热点的小箭头，以确保视觉连接清晰。
暗主题：半透明黑色背景上的白色文本确保在任何图像上都能读取。
自动定位：提示气泡会自动将热点上方，以避免覆盖内容。
可选显示：通过简单的切换按钮可以全局启用或禁用提示气泡。
5. 专业样式
圆形热点：带有图标居中的完美圆圈，为现代外观提供了一个干净的视角。
白色边框：2px的白色边框确保在任何背景图像上可见性。
下阴影效果：微妙的阴影效果使热点更加突出并增加深度。
悬停效果：热点在悬停时放大1. 2倍并在悬停时变暗，以提供清晰的交互反馈。
6. 导入/导出功能
JSON导出：将所有热点配置导出为JSON格式进行备份或重复使用。
JSON导入：导入先前导出的配置或通过编程创建热点。
批量操作：快速复制热点配置到多个模块。
轻松迁移：在开发和生产站点之间转移热点配置。
更多...
