问题标签 [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.
php - ImageMapster 仅在 Internet Explorer 中不渲染某些区域
我正在使用 ImageMapster 在图像地图区域周围生成填充和轮廓,这给我带来了 IE 不显示 chrome、safari、Firefox 绝对没有问题的问题。
http://sa-neighborhoodsustainability.org/map1a.php
在 IE 中打开上述链接时,有 2 个区域保持白色。这些是与较大区域重叠的区域,并且通过重复该区域和 nohref 标签以及与较大区域共享相同名称而被排除在外。
有人有想法吗?
谢谢
jquery - 对于 IE 中的 Imagemapster,突出显示/选定区域为黑色
http://www2.wou.edu/pls/wou2/jalcanter10.video_tour.p_main
该页面在其他浏览器中运行良好,但我不知道该看什么。这些区域确实被点亮并被选中,但不是显示第二张图像,而是将区域涂成黑色
php - ImageMapster php从数据库保存和恢复
有没有一种快速的方法来选择 ImageMapster 地图的状态并保存到数据库,然后检索它并显示保存的地图。
例如:我想将几个状态编码为红色和一些绿色(我现在正在工作),然后使用 jQuery ajax 保存在数据库中。然后稍后返回地图并从数据库中恢复选定的颜色。
我只需要知道如何获取 (key, fillColor) 并恢复它,我就可以处理 php 和 mysql 的东西。
目前我使用:
key = $('#mapimg').mapster('get');
获取所有键,但我还需要填充颜色。
谢谢,罗伯特坎贝尔
jquery - 在 imageMapster toolTip 中设置 Vimeo 缩略图,
我在将鼠标悬停在 imageMapster toolTip 地图中时遇到问题。实际上,我的代码在每次鼠标悬停时都会放置几个重复它们的缩略图。
这是我的代码:http: //jsfiddle.net/H3mRE/1/
我很感激任何帮助。
谢谢你。
c# - jQuery ImageMapster:突出问题
我在让 ImageMapster 突出显示我的地图区域时遇到了一些问题。在阅读文档时,我的印象是只需使用$('img').mapster(); 鼠标悬停时,我应该能够看到我的地图区域突出显示。
我没有看到这种情况发生。我可以选择这些区域,但它们不会鼠标悬停。
但是,如果我将 onMouseOver 和 onMouseOut 属性放在地图区域上,那么我可以使高亮功能起作用。
这是我问题的症结所在。当我尝试将 ImageMapster 与一些动态 C# 代码集成时,我无法在地图区域上放置 onMouseOver 和 onMouseOut 属性。C# 对象WebControls.CircleHotSpot似乎不支持自定义属性。
所以我的问题有两个:
- 如何使地图区域突出显示仅与 ImageMapster 代码一起使用?
- 有没有办法向 C# 对象 WebControls.CircleHotSpot 添加属性?
这是我当前使用的 javascript 和 HTML 标记。
JavaScript:
标记:
javascript - jQuery Image Mapster:在选择之前突出显示区域
我真的很喜欢 jQuery 插件 Image Mapster。然而,我真的到达了一堵砖墙,我可以使用一些帮助攀爬。
我需要执行以下操作:
- 在任何交互之前用边框和颜色突出显示所有图像地图区域
- 使用可能不同的边框和颜色启用鼠标悬停突出显示和鼠标悬停取消突出显示(返回到上面的状态 #1)
- 启用具有第三个不同边框和颜色的选择
我最初的印象是以下 JavaScript 可以为我做到这一点:
它似乎支持鼠标悬停/鼠标移出(#2)和选择(#3) - 但不会像我想要的那样点亮我的区域(#1)。
对 ImageMapster 有更多经验的人有什么建议吗?
谢谢!
jquery - jQuery插件imagemapster没有做任何事情
我对 javascript 和 jQuery 还比较陌生,所以请记住,这可能是一个我看不到的明显解决方案。
我引用了 jQuery,它适用于其他事情。也许 imagemapster 参考有问题?我在这里下载它并像这样引用它。我也放入了“imagemapster.min.js”,但是当两者都在时它不起作用,当它们中的任何一个单独使用时它也不起作用。
我阅读了文档并几乎完全遵循了它(见下文),但它实际上对突出显示没有任何作用。相反,它会稍微弄乱它们的定位,从而破坏页面,这是没有意义的,因为 mapster 应该与定位无关。可点击区域也已向上移动并移出位置。它甚至没有给出任何错误;代码只是通过,除了我说的什么都没有发生。是的,我要强调的图像地图功能齐全,#downstairs、#upstairs 和 #offices 确实是图像标签的 ID,就像它们应该是的那样。
这是图像和地图的 html。他们三个都使用这种格式。
jquery - 使用jquery将文本字符串转换为xml
我正在使用http://www.outsharked.com/imagemapster并且我想提取选定的区域并格式化为 xml,最好是提交。
下面的点击返回选定的区域并将文本放入一个跨度
上面的html...
提前致谢。
php - 带有来自 php 的动态数据的 jQuery Mapster
我们正在建立一个网站,为此我们需要包含一个国家/地区的图像地图,当您突出显示普罗旺斯时,它需要在地图下方显示一些内容。
为此,我们正在使用 jquery mapster(我不是一个真正的 jquery 程序员,所以也许你可以帮忙)。
一切都适用于下面的代码,但仅当内容位于 1 行时。
例如groningen: "<h1>Groningen</h1><p>test</test>",
<-- 这行得通
例如
这不起作用。
下面你会找到我的jQuery代码
输出
photoshop - 如何获取用于图像映射的形状的路径坐标?
我正在使用ImageMapster
from here创建图像映射。
我用从原始照片中剪下的几张图像创建了一个 Photoshop 图像。每个图像都在一个单独的层上。
现在,我需要获取每个对象的路径坐标,我不想将鼠标悬停在每个角落并手动记下每个坐标。
有没有一种自动化的方式来获取这条路径?
也许有一些应用程序或网络服务可以发送我的图像并获得路径作为回报?
我曾尝试分别导出每一层,然后将它们导入到 illustrator 中并对形状进行矢量化(它将形状保持在其原始位置),但我不知道如何将坐标路径作为文本获取。我可以将其导出为 svg,但这与 css 图像映射所需的简单代码不同。