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

javascript - mapster href 不起作用后

我正在尝试通过单击当前楼层来重定向用户

没有

区域标签的 href 有效。有了这个就不行了。我做错了什么? JSFIDDLE

0 投票
2 回答
7151 浏览

image - 带有 maphilight.js 的响应式图像

启用 maphilight 后,我​​的图像停止响应。

首先,我使用 rwdImageMaps.js 使图像映射响应,工作正常。但是在我启用 maphilight 之后,图像本身就会停止响应。(尽管图像地图保持响应。)

来自 chrome 检查:没有 maphilight有 maphilight

您可以看到 maphilight.js 从 100% 更改图像,响应具有固定高度和高度的 div。如何使图像/ div 再次响应?(我也试过 ImageMapster 但这导致了同样的问题。)

有人可以帮我解决这个问题吗?提前致谢!;)

0 投票
1 回答
322 浏览

javascript - 图像映射工具可以轻松流畅地绘制坐标图

我正在使用ImageMapster来帮助为我的图像地图添加效果。他们有一个骨架的例子,上面有精美的轮廓/映射的身体部位:

http://www.outsharked.com/imagemapster/examples/joints/SkeletonJointExample.html

在此处输入图像描述

我找到了一些工具来帮助我绘制坐标,但是要获得像上面这样的平滑轮廓图并不容易......相反,我最终得到了笨重的形状,比如:

在此处输入图像描述

有没有更简单的方法来绘制坐标,或者我必须得到一张更大的图片并通过绘制多边形来精心绘制坐标?

0 投票
0 回答
189 浏览

javascript - 使用 mapster 突出显示地图区域问题

我正在尝试使地图的每个部分在用户将鼠标悬停在其上时突出显示。但由于某种原因,它不起作用。我制作了一个 jsfiddle 来更好地解释这个问题http://jsfiddle.net/5qcbvp7k/3/

HTML

JS

0 投票
0 回答
500 浏览

jquery - Image Map 与 ImageMapster 实现的麻烦

我已尝试尽职调查并发现为什么我无法让 ImageMapster 的功能在 html 网站上工作。我开发了一个简单的 html 页面来测试我的本地主机上的图像映射和 imagemapster javascript 以测试功能,但看不到我缺少什么来让 javascript 工作。

我正在尝试完成两件事:

  1. 反高亮(图像变暗,高亮区域更亮)
  2. 将填充 INPUT 字段的 onclick 事件

onclick 事件没有像我期望的那样输入“id”,并且到目前为止我还没有让 ImageMapster 的任何功能起作用。我确信这是一个“菜鸟”错误阻止了它,但我现在不知所措。

我创建了一个 JSFiddle 项目以供审查: JSFiddle Code

0 投票
1 回答
751 浏览

javascript - 图像映射器“重新绑定”不起作用

我已经能够使用按钮(图像映射器)设置地图坐标,但是当我加载新图像时无法重新绑定到新坐标。

我有一个图像和映射,然后我用一个按钮更改图像。我还想更改映射坐标并为不同的图像显示不同的映射。任何帮助都会很棒谢谢

0 投票
1 回答
167 浏览

jquery - QTip v 2.2.1 未与 Bootstrap v 3.3 一起显示

我正在使用带有 Jquery v2.0.3、Jquery-Migrate v1.2.1、Jquery.Imagemapster v 1.2.14、Modernizr v2.8.3 和 Qtip v2.2.1 的 Bootstrap v3.3

通常,在一个简单的 HTML 页面中,Qtip 会根据需要在每个地图区域上完美显示,但当我将该简单代码粘贴到引导框架中时不会显示。

我不知道我做错了什么?请尽快给我建议。

提前致谢

0 投票
1 回答
62 浏览

cakephp - 在 CakePHP 中实现时 Imagemapster 不能完全工作?

我一直在用 CakePHP 构建的网站上使用 Imagemapster。我已经 在 CakePHP 环境之外成功实现了代码

但是,当我使用相同的代码(对 CakePHP 稍作修改)时,我在翻转时的图像切换和复选框列表的呈现(通过 Imagemapster 自动生成)出现问题。您可以在翻转时看到正在检测到图像映射,并且主图像上有多个翻转区域,但这是继承到 CakePHP 的功能的限制。(我已经检查了代码中备用图像的图像路径,它们都是正确的。)

我已经检查了 Imagemapster 常见问题解答和许多其他资源来解决此问题,但现在是空白。其他人遇到过这个问题吗?

0 投票
1 回答
735 浏览

jquery - 响应式图像地图调整大小大于容器的 100%

我正在使用 ImageMapster jquery 脚本来创建图像映射。作者提供了一个小提琴,展示了如何响应地调整图像映射的大小。如果您希望地图占据页面宽度的 100%,它可以工作。但是,如果您在地图周围放置一个边界容器,就像我在下面的示例中所做的那样(使用作者的响应式示例),它的大小会调整到超出边界框的宽度。(当您查看下面的小提琴时,请尝试放大您的浏览器)。如何更改此调整大小代码以强制地图不扩大到其容器的宽度?常规的 css max-width 不会这样做。

小提琴:http: //jsfiddle.net/jQG48/999/

这是他用来计算大小的代码:

0 投票
2 回答
998 浏览

javascript - 如何使用 imagemapster “取消选择”所有区域?

我有 2 张与 imagemapster 绑定的图像。当我单击一个区域时,它保持选中状态,这很好。我需要更改行为,以便当我单击一个区域时,我希望取消选择其他区域。

那可能吗?

如果您不了解我想要达到的目标,请随时向我询问更多信息。