问题标签 [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.
image - 带有 maphilight.js 的响应式图像
启用 maphilight 后,我的图像停止响应。
首先,我使用 rwdImageMaps.js 使图像映射响应,工作正常。但是在我启用 maphilight 之后,图像本身就会停止响应。(尽管图像地图保持响应。)
来自 chrome 检查:没有 maphilight,有 maphilight。
您可以看到 maphilight.js 从 100% 更改图像,响应具有固定高度和高度的 div。如何使图像/ div 再次响应?(我也试过 ImageMapster 但这导致了同样的问题。)
有人可以帮我解决这个问题吗?提前致谢!;)
javascript - 图像映射工具可以轻松流畅地绘制坐标图
我正在使用ImageMapster来帮助为我的图像地图添加效果。他们有一个骨架的例子,上面有精美的轮廓/映射的身体部位:
http://www.outsharked.com/imagemapster/examples/joints/SkeletonJointExample.html
我找到了一些工具来帮助我绘制坐标,但是要获得像上面这样的平滑轮廓图并不容易......相反,我最终得到了笨重的形状,比如:
有没有更简单的方法来绘制坐标,或者我必须得到一张更大的图片并通过绘制多边形来精心绘制坐标?
javascript - 使用 mapster 突出显示地图区域问题
我正在尝试使地图的每个部分在用户将鼠标悬停在其上时突出显示。但由于某种原因,它不起作用。我制作了一个 jsfiddle 来更好地解释这个问题http://jsfiddle.net/5qcbvp7k/3/
HTML
JS
jquery - Image Map 与 ImageMapster 实现的麻烦
我已尝试尽职调查并发现为什么我无法让 ImageMapster 的功能在 html 网站上工作。我开发了一个简单的 html 页面来测试我的本地主机上的图像映射和 imagemapster javascript 以测试功能,但看不到我缺少什么来让 javascript 工作。
我正在尝试完成两件事:
- 反高亮(图像变暗,高亮区域更亮)
- 将填充 INPUT 字段的 onclick 事件
onclick 事件没有像我期望的那样输入“id”,并且到目前为止我还没有让 ImageMapster 的任何功能起作用。我确信这是一个“菜鸟”错误阻止了它,但我现在不知所措。
我创建了一个 JSFiddle 项目以供审查: JSFiddle Code
javascript - 图像映射器“重新绑定”不起作用
我已经能够使用按钮(图像映射器)设置地图坐标,但是当我加载新图像时无法重新绑定到新坐标。
我有一个图像和映射,然后我用一个按钮更改图像。我还想更改映射坐标并为不同的图像显示不同的映射。任何帮助都会很棒谢谢
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 会根据需要在每个地图区域上完美显示,但当我将该简单代码粘贴到引导框架中时不会显示。
我不知道我做错了什么?请尽快给我建议。
提前致谢
cakephp - 在 CakePHP 中实现时 Imagemapster 不能完全工作?
我一直在用 CakePHP 构建的网站上使用 Imagemapster。我已经 在 CakePHP 环境之外成功实现了代码
但是,当我使用相同的代码(对 CakePHP 稍作修改)时,我在翻转时的图像切换和复选框列表的呈现(通过 Imagemapster 自动生成)出现问题。您可以在翻转时看到正在检测到图像映射,并且主图像上有多个翻转区域,但这是继承到 CakePHP 的功能的限制。(我已经检查了代码中备用图像的图像路径,它们都是正确的。)
我已经检查了 Imagemapster 常见问题解答和许多其他资源来解决此问题,但现在是空白。其他人遇到过这个问题吗?
jquery - 响应式图像地图调整大小大于容器的 100%
我正在使用 ImageMapster jquery 脚本来创建图像映射。作者提供了一个小提琴,展示了如何响应地调整图像映射的大小。如果您希望地图占据页面宽度的 100%,它可以工作。但是,如果您在地图周围放置一个边界容器,就像我在下面的示例中所做的那样(使用作者的响应式示例),它的大小会调整到超出边界框的宽度。(当您查看下面的小提琴时,请尝试放大您的浏览器)。如何更改此调整大小代码以强制地图不扩大到其容器的宽度?常规的 css max-width 不会这样做。
小提琴:http: //jsfiddle.net/jQG48/999/
这是他用来计算大小的代码:
javascript - 如何使用 imagemapster “取消选择”所有区域?
我有 2 张与 imagemapster 绑定的图像。当我单击一个区域时,它保持选中状态,这很好。我需要更改行为,以便当我单击一个区域时,我希望取消选择其他区域。
那可能吗?
如果您不了解我想要达到的目标,请随时向我询问更多信息。