ImageMap和热点

时间:2011-06-24 15:56:50

标签: asp.net imagemap

让我先说明这个问题,因为我是ASP.NET和Web应用程序开发的新手,所以我有很多方面和细微差别我还不完全理解。如果这是一个相对简单的问题,请原谅我。

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

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

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

我感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

使用图像映射是一种合法的方法,但这只是解决方案的开始。这真是一个javascript问题。您正在寻找的功能无法通过服务器上的asp.net完成,因为您需要与客户端及其对您的图像的操作进行交互。

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

要完成这项工作,您需要执行以下操作:

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

这是完全可行的,但这不是微不足道的,因为你有很多活动部件。我绝对建议使用jQuery作为框架来帮助您进行客户端编码。但如果你很绿,那么把所有这些放在一起就会有一个学习曲线。一步一步。首先使用热点设置主图像映射。编写一些可以捕获点击事件并知道点击了哪个区域的代码。了解如何使用javascript / jquery从客户端交换图像。然后开始把它们放在一起。