问题标签 [imagemapster]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3771 浏览

javascript - jQuery交互式地图库?

我正在寻找一个 jQuery 库或插件,它是美国的地图,具有翻转事件和单击事件,将返回您单击的状态。我在 Flash 中经常看到它,但在 jQuery 中从未见过。

有谁知道这样的事情?

0 投票
1 回答
369 浏览

jquery - 如何在 jquery-plugin (imagemapster) 中等待用户交互?

我已经使用 jquery-plugin mapster 设置了我的图像映射

代码向我显示,点击了哪些国家(埃及为“1”,利比亚为“2”..)

我的问题:我想在不同国家的循环中询问用户,如下所示:“点击埃及”

“点击突尼斯” ...

我不知道如何编写这个循环,以便向用户询问第一个国家,然后程序等到用户单击一个国家,然后询问用户第二个国家....

谢谢

库尔特

0 投票
1 回答
652 浏览

javascript - imagemapster 插件:如何以编程方式使区域不再可选择?

我已经使用 jquery-plugin imagemapster设置了一个图像映射, 您能否提供一个提示,如何让 imagemape 中的某个区域在被点击后不再可点击?

我尝试了以下方法,但它不起作用:

0 投票
2 回答
2762 浏览

jquery - ImageMapster:如何同步两个图像映射?

我在页面上有两个相同图像映射的副本。它们有不同的 ID,使用相同的图像文件和地图信息。

现在只有第二张地图可以正常工作,如果我突出显示\单击第一张地图 - 更改仅适用于第二张地图,而不适用于它们。

我需要两个图像地图同步工作:因此,当您移动鼠标\单击其中一个地图时,突出显示和选择将同时在它们两个上工作。

我怎样才能做到这一点?

我页面顶部的代码:

我的页面正文中的代码:

0 投票
1 回答
956 浏览

javascript - 使用 text-align: center 时如何调整图像大小并保持图像坐标?

我正在使用ImageMapster调整图像大小并将“图像映射”坐标更改为新大小。我正在调整大小的图像用作背景图像,因此位于屏幕中间:

CSS:

block_content 是图像的容器 div。

我正在使用此示例中的代码:http: //jsfiddle.net/JpgYm/8/

问题是,当我使用 时text-align: center,坐标没有正确映射到图像。它们与图像水平在同一条线上,但稍微偏左一点。

有没有办法来解决这个问题?

0 投票
1 回答
3125 浏览

imagemapster - 如何在 ImageMapster 中将先前选择的区域重置为其原始状态?

如何使一个被选中的区域 - 因此使用我在 render_select 中定义的样式渲染 - 再次取消选中并使其看起来像以前从未选择过的任何其他区域?

不要为我工作

0 投票
1 回答
1650 浏览

jquery - Imagemapster 取消选择问题

我已经阅读了我能找到的所有内容,也许我忽略了一些简单的东西。我有一张我的校园地图,所有内容都突出显示并正确选择。我遇到的唯一问题是:单击时,每个建筑物都会弹出一个信息气泡。这些气泡上有一个“X”关闭按钮。我试图让建筑物在单击时取消选择。(不幸的是,我无法提供实时链接,目前仅限员工/学生访问)。

这是地图设置:

等等...

设置:

和我的关闭功能:

关闭功能:

有任何想法吗?我觉得我在俯瞰一些小东西,但我就是找不到。

0 投票
1 回答
337 浏览

jquery - 以编程方式更改 Imagemapster 图像的边距

我正在尝试更改有问题的 Imagemapster 图像边距作为对重新调整窗口事件的反应。改变尺寸效果很好(我使用 mapster 的 resize 方法)。我应该对哪个元素应用新边距?如果我将它应用于图像本身,则图像定位正确,但热点不会随之移动。这有可能吗?(我正在使用 jquery,但 javascript 解决方案也很好)

0 投票
1 回答
1958 浏览

imagemapster - imagemapster: rendering "different" styles for different classes of areas

is it possible to style different areas in different styles in imagemapster? For exampl: when I have a plan of a house a user can click different rooms: living-rooms, sleeping-rooms, bath-rooms, ... . Any selected living-room should be rendered in red, any selected sleeping-room should be selected blue ... thanks Kurt

0 投票
1 回答
3291 浏览

jquery - 使用动态大小的图像缩放 ImageMap 坐标

我正在寻找一种方法来使我的动态缩放图像适合我正在制作的图像映射。我正在使用 jquery 来缩放具有窗口大小的图像:

但是我制作的 ImageMaps 保持原始大小。我正在寻找 ImageMapster,但无法弄清楚如何自动使所有图像映射缩放。

这是它的页面:http: //www.dersuawesome.com/home/