【发布时间】：2011-11-17 15:19:19
【问题描述】：
我正在尝试创建一个简单的交互式图像地图，用户可以将鼠标指针悬停在图像的一部分上，然后设置将动画/显示/取消隐藏弹出框（不是新的window!) 位于鼠标指针当前位置旁边，包含文本、图像和 &|可点击的链接。
但是，在示例中，它不是一个图像地图，而是 9 个小图像。将鼠标悬停在上方时，每个图像都会变大一点，单击时会将图像加载到页面的右侧<div>。
我希望满足这些条件：
- 我想使用图像映射（HTML 或其他）而不是 9 个小图像
- 我希望悬停动作也能加载图片 - 无需点击图片
- 我希望所有流行的查看器（桌面浏览器、移动浏览器、iPad、Android 平板电脑等）都可以查看和交互页面...
我不确定要使用什么平台（又名 - 开发工具组合）来满足上述标准列表。主要目标是满足上述标准列表中的最后一项。如果为了满足最后一项而需要这样做，我可能会牺牲上面列表中的第一个或第二个条件。
我想到使用的两个“平台”是：
- HTML + CSS
- jQuery + CSS
- Flash + Actionscript
- Javascript + AJAX
我应该使用什么工具来实现这一目标？
我是否缺少其他工具或一组工具来代替上面列出的工具？
提前致谢！
编辑：如果您投票关闭它，请将我重定向到已经涵盖此的问题，或者请不要关闭它！这个问题是可以回答的——这不是讨论。
【问题讨论】：
-
对于 iPad 来说，Flash 肯定已经过时了（尽管可能是最简单的，至少对我来说是这样）。我会在这个项目上使用 jQuery。至于弹出窗口（不是弹出窗口），我更喜欢使用 fancybox，它是灯箱的替代品。
-
@ToddBFisher - 感谢您提供的信息。你能提供fancybox的链接吗？我不是偷懒，我只是希望这个项目的所有相关材料都驻留在这个线程中。再次感谢