1

我正在使用 jQuery Wizard Redux 创建一个向导(真的,一个美化的调查)。我有几个图像(在 Illustrator 中创建),我希望用户从中进行选择,这将作为向导每个步骤的“提交”。

例如我在 Flash Catalyst 中制作的这张世界地图

(旁注:我希望向导可以在 ipad/iphone 上查看,所以我现在回避 Flash)

是否可以使用 jQuery/Javascript 创建类似的东西?一些地区相当复杂——例如,地图的“东亚”部分由 6 个不同的不可见矩形按钮组成,因此(几乎)到处都是黑色的区域,即单击“东亚”。

或者,是否有一些简单的方法可以将我的闪存催化剂文件(以 MXML 编码)转换为 javascript?

4

2 回答 2

3

您可以通过为每个区域定义地图和区域元素(折线)来使用图像地图。


更新

我将创建.png覆盖的透明文件(每个文件都包含一个区域)并在单击区域元素时控制它们的不透明度。


更新 2

您可以使用rel区域图像的属性来存储值,例如

<img src="..." id="..." rel="5" />

现在,由于我们添加了一个类selected-region来定义选定区域,我们可以使用 jQuery 来定位具有该类的图像,并检索存储在其rel属性中的值。

所以当你想要它时,你可以使用var regionId = $('img.selected-region').attr('rel');

于 2010-12-28T13:36:22.560 回答
0

您还可以使用 HTML5canvas标记来绘制元素本身,然后每个元素(大陆)都可以在边界上精确点击。

http://joncom.be/code/excanvas-world-map/

于 2010-12-28T22:24:30.340 回答