问题标签 [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 投票
0 回答
115 浏览

javascript - 将 Image Mapster 与 JS 幻灯片结合起来

我有一个 javascript 幻灯片,其中包含与每个图像相关联的图像映射。请参见此处的示例。

我想加入 jquery 插件 ImageMapster,以增强图像映射的可用性。当图像直接在 HTML 中提供时(参见此处),我可以让 ImageMapster 函数工作,但当图像由 javascript 插入时(如第一个示例中所示)则不能。

我猜我需要将 imagemapster 脚本嵌入到幻灯片脚本中,以便每次调用新图像时都会调用它。不幸的是,我不知道该怎么做。这是相关的html和JS

HTML

幻灯片 JS:

有什么想法吗?

0 投票
1 回答
1377 浏览

jquery - ImageMapster - 鼠标悬停时不显示工具提示



我开始使用 ImageMapster JQuery 插件并很快陷入困境。当我将鼠标悬停在某个区域上时,我希望显示一个工具提示,但它不起作用。我使用“id”参数作为区域键,并希望在将鼠标指向 id=“sam”的区域时显示工具提示。
这是我的代码 - 它非常简单,我不知道我做错了什么。有人可以帮我吗?问题不在于 ImageMapster 本身,因为它的其他功能有效。谢谢

0 投票
0 回答
35 浏览

jquery - 我尝试将 imagemapster 与 xsl 结合使用,但没有任何结果

它只是body标签的内部,只有相关部分,在<head>我正确链接了imagemapster的jquery,但我没有看到任何结果(我使用Firefox)

可能只是一个忽视,或者我错过了一些东西,但请帮忙。

0 投票
1 回答
282 浏览

jquery - Mapster 插件 jQuery

我需要在没有声明区域 ID 的地图区域上设置“点击”事件。我的国家地图有 5 个带 id 的区域,如下所示:

在 JS 我有功能:

当我单击带有 id 的区域时,会看到我的警报。

如果没有声明的区域坐标、区域 ID 等,地图的其余部分呢?如何设置“点击”事件?当有人在区域外点击地图时,我需要保持警惕。

0 投票
0 回答
470 浏览

javascript - ImageMapster (JavaScript)-“onClick”功能无法正常工作

我在 ImageMapster 上的函数有问题。除了这个小问题,整个项目都可以工作:

所以,我有 1000 行“坐标”都在工作(“href”设置为“#Number”)。我想要做什么:如果你点击一个坐标,特殊的“href”值将显示在我网站上的一个段落(id 为'awesome')上。基本脚本有效,但其中有一个小错误。如果我点击“第一个”坐标,我的段落中不会出现任何内容。如果我单击“第二个”坐标,则第一个坐标的“href”值将出现......等等。最新的“点击”不会出现在我的段落中,我不知道为什么。

为了测试我的图像映射是否有效,我制作了一个 id="getAreas" 的按钮。这个按钮有他自己的“点击功能”。如果单击按钮,段落(我也在上面的脚本中使用)将显示当前的“标记”坐标。这很完美。但我想像我在上面描述的那样立即“点击”。

你们能帮我吗<3。我不知道如何解决这个问题

tl;博士:有一个我想显示的脚本(“href =”的值是我的图像地图的当前点击“区域”。如果我使用“onClick”它可以工作,但“最新”区域不会给出他的href-信息。如果我使用“按钮脚本”,它会完美运行。但我不会使用按钮。请帮助:)

0 投票
1 回答
1277 浏览

jquery - Mapster 填充区域

我使用 mapster js 来显示图像内的某些部分。在内部区域我也使用数据键和类。悬停工作完美,但我需要在加载后填充这些部分,不仅在悬停时使用特定颜色。我尝试了一些示例,但不起作用。

0 投票
1 回答
876 浏览

javascript - 图像映射器动态显示工具提示

我有一个带有位置列表的图像地图,每个位置的详细信息都在旁边动态显示。目前,当您单击某个位置时,地图上会弹出一个圆圈。我希望能够单击地图上的一个点并让它显示一个工具提示,其中包含已经在 html 中的该位置的详细信息。如何将工具提示绑定到页面上已经存在的 div?此外,当单击某个位置时,相应的工具提示会与圆圈一起显示在地图上。

细节:

这是我的地图:

和 JS:

0 投票
0 回答
389 浏览

javascript - ImageMapster ToolTip position with the browser border

I have a problem with the tooltip. When I hover on an area, a tooltip box appear on the top-left of that area. When the area is near the border of the browser, the tooltip box still appears at the same position, making some information hidden as shown below

Screenshot

Here is my demo site (sorry somehow the javascript doesn't work on my jsfiddle).

Can anyone tell me how to make the tooltip find another place to display the whole box, for example bottom left on the above situation.

0 投票
0 回答
151 浏览

javascript - 尝试使用 highslide 将弹出窗口集成到使用 imagemapster 映射的图像中

因此,我在创建的页面上使用 imagemapster 来更改鼠标悬停时图像映射的区域。我希望在单击时出现一个弹出窗口,并打算使用 highslide 来执行此操作,但是,我正在努力解决如何实现此操作。我当前的代码如下所示:

现在关于尝试添加高线代码

进入图像映射是一个很长的镜头,但我尝试了它,因为它是我能想到的最合乎逻辑的 href 插入点。它显然没有用。你们中是否有人足够熟悉 highline 和 imagemapster 来帮助解决这个问题,或者至少对可能的解决方案有一些线索?谢谢。

0 投票
0 回答
507 浏览

javascript - 如何在 Imagemapster 中使用 OnClick 从图像映射区域调用 Fancybox-2 弹出窗口?

我想先说我的 javascript 基础非常差。这基本上是我尝试解决的第一个复杂问题,所以如果我的问题是明显的语法无知,我不会感到惊讶,但请保持温和。

所以我使用 Imagemapster 在 imagemap 中做一些悬停效果。我还想在图像地图的各个区域单击以打开一个弹出窗口,我在放弃 Highslide 后尝试使用 Fancybox-2 执行此操作。

我知道通常 Imagemapster 会禁止单击区域的操作将其用作链接,并且要禁用此操作,您需要手动插入一些内容以达到以下效果:

而且我已经看到有人将其用于以下条件的代码片段:

因此,通过以有意义的方式打破这一点的过程,我一直试图将fancybox的调用插入到这个“go”函数中,认为这也许是我的问题的关键。然而,目前,我的突破都没有产生太多的洞察力,就像我说的那样,我对 javascript 的了解还不够,无法理解我的问题所在。

这是我目前的代码:

(隐式包含 jquery、fancybox 和 imagemapster 的所有内容)

那一个 class="fancybox" 业务是我的测试区域,目的是当我单击该区域时,href 指定的图像会在fancybox 弹出窗口中打开。

如果我在javascript中省略了onClick on的所有内容,Imagemapster就可以正常工作。目前,imagemapster 不起作用并且链接功能,但只是打开图像,就像它是常规链接一样,没有弹出窗口。

有什么线索吗?