问题标签 [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.
imagemapster - ImageMapster - 暗图像
我正在使用ImageMapster 库,我想使用选择项目的反转效果。我想使除选定区域以外的所有图像变暗(使图像变暗)。所选区域应该是彩色的。
这个怎么做?
javascript - 在带有 ImageMapster 的区域中使用 JavaScript FOR
我正在使用 ImageMapster,我想选择定义到数组中的特定区域,如下所示:
但是 FOR 有问题...在这种情况下如何工作?
jquery - jQuery 对不相关的 CSS 选择器的敏感性
我一直在研究这个小提琴的一个分支——所有的道具都归原作者所有。
它旨在与 ImageMapster 一起使用,以在悬停在图像地图上时突出显示 html 列表项,反之亦然,在悬停列表项时突出显示适当的图像地图。正如您所期望的那样,它可以通过在适当的位置添加和删除一个类来工作。
我一直在尝试将该代码(及其变体)与 Drupal 7 一起使用,它为菜单项的锚点及其列表项包装器添加了大量自己的类。额外的标记导致上述脚本出现问题,让我摸不着头脑。
通过大量的试验和错误(我不太擅长 JS!)我已经意识到,特别是当 Drupal 向 li 添加一个 'menu-depth-1' 类时,脚本会丢失,并抛出错误(来自铬):
在上述脚本的这个分支中,我添加的只是 Drupal 添加的标记。
http://jsfiddle.net/PUncle/Tr4hE/32/
从以下位置更改原始脚本:
至:
据我了解,该脚本正在寻找一个带连字符的选择器,当它在到达所需的“menu-item-a”之前遇到“menu-depth-1”时,它会失败。
我认为正是脚本的这一部分有问题,但无论我尝试什么,我都不知道如何修复它。
我需要做的是“强化”脚本,使其非常专门针对特定选择器并忽略其他任何内容。
我确实开始着手清理 Drupals 过多的菜单标记,但决定为“钝”代码扫清障碍可能不如锐化该代码有效,这样就没有其他东西可以影响它了!
任何指针将不胜感激。
javascript - 更改替代图像图像映射器
我正在尝试使用图像映射。遇到问题:我无法更改我点击的区域本身的图像;除了那个以外,只有其他领域有效。如何解决这个问题?
单击该区域时,我正在调用 JS 函数(图像没有改变;与area2、area3 等一起工作正常。
谢谢
jquery - ImageMapster jQuery插件中的填充和鼠标悬停颜色
我正在尝试使用 jquery 插件 ImageMapster 设置单击和悬停在图像上的颜色,并且似乎无法使用 fillColor 和其他选项将它们更改为黑色以外的任何东西。
有什么想法吗?
c# - 无法运行 jquery fiddle 代码
伙计们,我试图从本地 asp.net 页面上的小提琴运行代码,但它对我不起作用。请看看我哪里出错了。我无法在我的页面上获得悬停效果。
我不确定我是否包含了必要的 jquery 文件。
小提琴网址:http: //jsfiddle.net/VcGXL/
我的代码:
javascript - imagemapster 不同区域的不同颜色
我想知道 imagemapster 是否可以实现以下操作:我需要区域 1 和区域 2。当我将其中一个悬停时,它们都必须突出显示但颜色不同,例如,当我将其中一个悬停在区域 1 和区域时,区域 1 是蓝色和绿色2 在悬停时是黄色和红色。
这是我到目前为止所尝试的:
还有我的 HTML
这显然不是我想要的方式。如果有人可以帮助我,我将非常感激!
此致,
拉夫
jquery - 无法让 imagemapster 突出显示(未捕获的 TypeError)
我在让 imagemapster 正常工作方面遇到了一些问题。
试试看这个: http ://wecu.dk/test.html
当鼠标悬停在房屋的某些区域时,它应该突出显示。
我已将“jquery-1.7.1.js”和“jquery.imagemapster.js”导入我的库。
我不知道出了什么问题,而且我对 jQuery 很陌生。当我在这里尝试时它可以工作:[http://jsfiddle.net/sb9j7/3101/]
我尝试了很多解决方案,也做了一些测试,但一点运气都没有!:(
非常感谢
imagemapster - ImageMapster:如何使工具提示跟随鼠标
我想知道是否有一种方法可以使工具提示不出现在区域的角落,而是出现在鼠标当前所在位置的上方。因此,它需要在鼠标处于活动状态时“跟随”鼠标。
如果有人有任何示例代码做这样的事情,我将非常感激。
html - 将鼠标悬停在图像地图上时如何使文本框出现?
当鼠标悬停在图像地图上的热点上时,我试图让一个文本框出现。这就是我在悬停时使文本出现的方法。
但不是这个,我想在我悬停时显示彩色的可见文本框。是否需要CSS?我不熟悉 CSS,所以不确定在这里应用什么。
所以我编辑了我的代码
静止图像地图工作正常,但当我将鼠标悬停在上面时什么都没有出现。我将 jQuery 插件添加到 SharePoint,此处的示例在 SharePoint 页面上运行良好。