2012-04-13 110 views
4

我需要为客户的网站“建立”图像。将有一个核心图像,然后将其叠加在其上的其他几个可互换的图像。是否有像这样的jQuery工具?

因此,在网站的管理部分,用户将能够查看核心图像并点击它来设置点(我们称之为注册点),它将设置其他图像显示时的位置最终的图像是建立的。

只是想知道是否有人做过类似的事情,或者如果有某种jQuery工具可以真正帮助我实现这一点。

在此先感谢您的帮助。

回答

3

不能为你找到一个,所以你必须自己构建它。

我在这里做了一个小小的演示,管理员可以点击地图并使用html5画布插入标记。

您需要做的其他事情是存储数据并将其作为json数组提供给实时页面。

http://jsfiddle.net/QLT4v/

即使世界几个有始有终,但要注意如何顶部图片的点击被底地图上的标志来表示。中间的文本框包含您需要存储和呈现的数据。

希望这点你朝着解决

编辑:

更新版本显示了使用绝对定位的div解决方案。请注意位置:父div上的相对位置。可能是什么导致您的管理部分出现问题。

CON:没有一个图像.. 亲:不是一个图像 - >容易附着功能,例如悬停/的onclick项

http://jsfiddle.net/QLT4v/1/

+0

感谢斯蒂恩。到目前为止,我使用相同的逻辑来保存点。但是当我在管理员中再次展示他们时,用户可以看到点的位置并进行任何更改,但他们不会确切显示他们之前的位置。我基本上有一个以核心图像为背景的div,然后将div放在顶部,并在其中放置点图像。看起来第一个div的大小会推低其他divs或类似的东西。所以也许答案是使用画布标签。 – jaz872 2012-04-16 02:17:10

+0

我还没有使用自己的画布标签。我会不会遇到使用它的旧浏览器的问题? – jaz872 2012-04-16 02:20:31

+0

为html支持检查http://findmebyip.com/litmus或其他。但是没有理由这样做,如果你对位于“主”图像顶部的图像感到满意。查看更新的jsfiddle。注意点击按钮添加所需的图像。 – Steen 2012-04-16 07:27:27

相关问题