ImageMap和热点

Question

让我以一个事实作为这个问题的开始，因为我是ASP.NET和web应用程序开发的新手，所以有许多方面和细微差别我不完全理解。如果这是一个相对简单的问题，请原谅。

我的任务是为骨骼创建一些热点，在那里用户将单击手或脚，图像将放大(而不是加载骨骼手或脚踝的放大图像)。从那里，用户可以单击关节，并根据所选择的关节构建一个列表。

我一直在尝试ASP ImageMap，它似乎还可以，但是我不能突出显示热点(这似乎是一个常见的问题)。此外，我必须将它指向另一个页面，但我真正想要的是“放大”(再次加载另一个图像)，然后能够单击图像的某些部分并构建一个列表(非常类似于WebMD系统检查器的工作方式，但不是那么花哨)。

我觉得我对ImageMap采取了错误的方法，有更好的方法来实现我的目标。我可以使用哪些建议的技术来做到这一点？

我很感谢大家对我的帮助。

Answer 1

使用图像映射是一种合法的方法，但这只是解决方案的开始。这确实是一个javascript问题。您正在查看的功能不能仅使用服务器上的asp.net来完成，因为您需要与客户端进行交互，以及客户端对您的图像执行的操作。

如果你正在使用jquery，你可以使用我的插件imagemapster来帮助突出显示图片。

要使其正常工作，您需要执行以下操作：

1)为您的主图像设置图像映射。有许多网站可以用来为热点创建map数据。2)用javascript在客户端捕获点击事件，并加载新的“缩放”图像3)对于“缩放”的图像，你必须做和你的主图像一样的事情--捕获点击事件，然后根据他们点击的区域做一些事情(建立一个列表)。

这是完全可行的，但它不是微不足道的，因为你有很多可移动的部分。我绝对推荐使用jQuery作为框架来帮助您编写客户端代码。但是，如果你是个新手，把所有这些放在一起会有一个学习曲线。一步一步来。首先使用热点设置主图像地图。编写一些代码来捕获点击事件，并知道哪个区域被点击了。了解如何使用javascript/jquery交换来自客户端的图像。然后开始把它们放在一起。