问题标签 [maphilight]
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.
javascript - 单击更改地图区域的颜色
我在人体图像上有一个地图代码,每个身体部位都使用了区域。
我有以下JS代码...
我正在尝试通过将鼠标悬停在第一行代码上来使 maphilight() 正常工作。我的主要目标是当您单击身体部位时,颜色最初应为绿色,然后当您再次单击同一身体部位/区域时,它应变为红色,再次单击它会将颜色变为绿色。但是,通过我上面的尝试,它保持红色。请就我能做什么提出建议。
c# - 带有 maphilight 的 ASP.NET C# ImageMap
目前,我正在尝试实现人体概览,用户可以在其中单击多个区域并将它们添加到列表中——这一切都很好。
现在我想使用 David Lynchs jQuery 插件“maphilight”来直观地使热点可见,但它根本不起作用,它只是什么都不做。
这是我的 ImageMap:
现在我的 JavaScript 看起来像这样:
我尝试在图像加载之前/之后加载它,我尝试将其设置为文档就绪,并尝试通过以下方式在代码隐藏中注册它ClientScriptManager
:
我不知道为什么脚本没有执行,src 文件的路径是正确的 - 每个人都知道它是否与更新面板一起工作?这可能是它不起作用的原因吗?
jquery - 在图像地图中突出显示地图亮点区域
我有一个简单的 html 图像映射和一个带有状态的简单数组,我希望在一个区域悬停时映射所有组区域,但现在 maphilight 仅悬停状态。
这是我的功能
和我的代码:
当用户将鼠标悬停在一个 ot maphilight 所有这些区域时怎么办?
angular - 使用 ng-maphilight 鼠标悬停时以编程方式突出显示地图区域
我ng-maphilight
在我的 Angular 8 项目中使用该模块。
当一个区域悬停时,我有多个区域要突出显示。
使用此模块以编程方式悬停时是否可以突出显示地图区域?
javascript - 如何在地图区域使用 maphilight 附加图标(或图像)?
我在布局上使用了 jquery.maphilight、html 地图和区域
这是我的布局代码笔。 (codepen here) 我想像这样在红色区域上附加状态图标/图像
所以我该怎么做?如果 jquery.maphilight 不能做到这一点,可以推荐我其他的 javascript 吗?
javascript - 计时器上的自动突出显示图像地图区域(不是悬停)?
我有一个复杂的图像映射,我需要能够在单独的计时器上“闪烁”每个<area>
,而不是鼠标悬停影响它。
我曾认为使用maphilight 之类的东西会很简单,但我缺乏 jQuery 经验(我不确定它是否会让我忽略鼠标和/或以编程方式突出显示这些区域?)
运行下面的代码片段,了解区域如何“闪烁”的工作示例,如果使用 CSS 动画,以及鼠标悬停时突出显示的图像映射。如果我无法使用 CSS 定时动画控制突出显示,还有其他方法吗?
我愿意使用除maphilight以外的其他东西- 希望使用我现有的地图/坐标?(也许imagemapster等?)会更适合?)
任何想法表示赞赏。
maphilight - 为什么 maphilight 选项 'alwaysson' 不能正常工作?
我面临jquery
插件问题maphilight
。我的代码如下 -
在上面的代码中,我尝试动态创建图像地图并使用maphilight
插件突出显示地图区域。它在前两/三次工作得很好。但在那之后,maphilight
选项alwaysOn
true 无法正常工作。
angular - 无法绑定到“配置”,因为它不是角度 8 中“maphilight”错误的已知属性
我正在使用角度 8,我想使用 maphilight 在图像映射中选择一个预定义的部分,例如(鼻子,眼睛,...):
我已经使用此命令安装了 maphilight >>> npm i ng-maphilight --save 在我的 app.module.ts 中,我已将 MaphilightModule 添加到导入数组中。在我的组件 (html) 中,maphilight 地图被添加为容器元素
在 myComponent (ts) 中,我使用了 maphilightComponent 如下 >>
我有这个错误
未捕获的错误:模板解析错误:无法绑定到“config”,因为它不是“maphilight”的已知属性。(" id="statesMap" [hidden]="hidden" [ERROR ->][config]="config" > [ERROR ->]) 在 JitCompiler._compileComponents (:4200/vendor.js:108430) at :4200 /vendor.js:108343 在 Object.then (:4200/vendor.js:84703) 在 JitCompiler._compileModuleAndComponents (:4200/vendor.js:108342)
请有任何建议。
jquery - 地图高亮 jquery 无法与 Bootstrap 4 一起正常工作 - 图像悬停未突出显示
当我添加(jquery.maphilight.js)地图突出显示并添加插件引导程序 4 时,它不起作用并且鼠标悬停时不再显示“突出显示”区域,引导程序似乎禁用了 maphilight。
没有引导程序的地图高亮工作正常
有人可以帮忙吗??提前致谢!示例 html
jquery - 我可以使用 maphilight 插件在两个不同的地图上突出显示具有相同类别的区域吗?
如果我有两个并排显示的不同地图(用于不同的图像),我可以使用maphilight
相同类别的每个地图突出显示区域吗?
我正在寻找类似于如何groupBy
在一张地图上工作的东西。