问题标签 [imagemap]

问问题

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.

852 问题
Newest
Active
Bountied
318
Unanswered
0 投票
2 回答
2152 浏览

iphone - 在 iPhone 上创建可点击的图像映射

我想为美国创建一个可点击的地图，当用户选择一个州时，它将突出显示并显示另一个详细视图。就像下面的 web 应用程序。

http://www.usflashmap.com/samples/real-estate-map/index_ext.html

我将不胜感激有关如何在本机 iPhone 应用程序上实现这一点的任何建议。

在此先感谢，莎拉

0 投票
3 回答
12824 浏览

html - 可以使用图像热点吗？这是当今世界最好的方式吗？

我有一张图片需要拆分成4张，每个部分都要有链接。人们还在使用图像热点吗？

0 投票
3 回答
666 浏览

javascript - 使用 HTML 图像映射实现 javascript Web 界面的提示和技巧

我想获得一些技巧和窍门，以使用 JavaScript 实现 Web 界面，允许用户单击地图上的某些预定义区域，并在单击提交按钮时返回单击区域的列表。然后这个列表将被发送到服务器（为此我可以使用 HTTP“post”方法）。

  1. 第一个问题是：如何在地图上定义区域。我对 HTML 图像映射很感兴趣，但它似乎很麻烦，因为我必须提取每个区域的坐标。我想知道它们是否会是一种从图像自动生成此列表的方法？

  2. 第二个问题是：如何存储点击区域列表，以便在用户点击提交按钮时将其发送到服务器。我对 JavaScript 不太熟悉，所以对于有经验的 JavaScript 程序员来说，它可能会很容易；-)

谢谢

0 投票
1 回答
769 浏览

gwt - 在 GWT 中需要类似 ImageMap 的东西

我的 GWT 项目中需要 Html ImageMap 和 Html MapArea 之类的东西。对我来说最好的选择是什么？

标准 GWT 2.0 中是否有任何小部件？

谢谢

0 投票
1 回答
822 浏览

javascript - Jquery maphilight：想要添加简单的新功能

我是 Jquery 的初学者，所以这些问题应该很容易回答。我想修改地图高亮脚本（http://plugins.jquery.com/project/maphilight）以添加 2 个功能：

  • 问题 1. 我希望能够通过按住鼠标按钮而不是单击并释放按钮来突出显示某些区域。

这是代码的相关部分：

$.fn.maphilight = function(opts) { opts = $.extend({}, $.fn.maphilight.defaults, opts);
返回 this.each(function() { mouseclick = function(e,id) { ...}

我试图在 mouseover 中调用 mouseclick 函数，但它没有突出显示任何内容。我可能没有以正确的方式调用该函数？

  • 问题 2. 我希望能够在按下按钮后更改用于突出显示区域的颜色。

谢谢

0 投票
1 回答
343 浏览

javascript - 关于图像映射的一般问题

首先，我注意到您可以将<map>标签放置在文档中的任何位置，并且图像映射可以正常工作。那么，人们将<map>标签放在 中是常见的做法，还是在它对应的紧跟其后的标签中<head>更好的做法？<body><img />

其次，我知道地图标签从 HTML5 开始并没有被弃用，并且使用选项卡您可以跳过客户端图像地图中的每个链接。尽管如此，我还是听到很多关于图像地图过时且无法访问的信息。这是真的吗？

最后，我总是听到人们说使用 CSS 或 JavaScript 实现图像映射有更好、更易于使用的方法，但我从未见过示例。有人可以向我展示或链接到跨浏览器兼容的示例（即在 IE 中工作）。

0 投票
1 回答
201 浏览

javascript - 与多个图像关联的图像映射

假设页面上有几个相同的图像，都与同一个地图相关联：

每个区域都有一个鼠标悬停事件处理程序。

在这些区域 mouseover 事件处理程序的范围内，即仅引用该区域的 mouseover 事件的本地变量，没有全局变量，是否可以知道鼠标在哪个图像上？DOM 是否暴露了一些暂时的关系，因此该区域的 mouseover 事件处理程序可以回答“我此时正在映射哪个图像？”的问题。

请排除将处理程序直接附加到图像本身。我不是试图解决问题，而是试图找出在该区域的鼠标悬停事件处理程序中可以知道的关于当前关联或“热”图像的内容。

谢谢

0 投票
1 回答
1574 浏览

jquery - 尝试使用 jquery 缩放和平移图像地图的问题

~ 我已经为此工作了一段时间（好几个月了！！）——使用 jquery 来缩放和平移图像地图——这有点超出我目前的技能水平，所以我很高兴我能走到这一步!!~ 但功能并没有它需要的那么流畅（放大和缩小需要更流畅） - 在 IE7 中查看时存在一些更大的问题。

这是在网页上：http ://www.agencydr.squarespace.com/locations

下面是使用的jquery。有人注意到我应该改变什么吗？

这是一些相关的CSS：

任何帮助表示赞赏！我已经尝试了我能想到的一切来让它更顺利地运行，但我不知所措。请注意，我使用的是托管 CMS 服务，因此我必须修改一些已建立的 html 布局。

更新： 这是我目前更新的代码：

0 投票
1 回答
168 浏览

django - 从模型函数返回指向命名 URL 的链接

好吧，它终于发生了，我偶然发现了一个问题，谷歌搜索无济于事。（虽然我可能只是看错了方向，但在这种情况下，任何指向正确方向的指针都会很棒）。

我正在尝试找到一种方法来从模型的函数返回指向命名 url（带有可变参数）的链接。例如，如果我有模型：

我想在模板上为图片对象“pic”创建一个链接：

该链接指向名为“picture_details”的网址。但是，模板中的结果链接是“http://.....{%url picture_details x %}”（x 是 picture_id）。

我知道使用<a href = {% url picture_details pic.picture_id %} />会起作用，但是我的情况略有不同，因为链接是动态构建的图像映射的一部分。所以，我想要图像映射字符串：

生成一个指向名为“picture_details”的 URL 的链接，并带有参数 picture_id。

我希望我能够清楚地解释我的问题，但如果需要更多信息，请告诉我。非常感谢您的帮助，

问候，

马克

0 投票
3 回答
13237 浏览

jquery - Jquery 地图亮点

当我将鼠标悬停在图像地图上时，我使用http://plugins.jquery.com/project/maphilight突出显示区域，但我也希望在单击时保持突出显示。单击另一个区域时，前一个区域应淡出，新区域保持突出显示。

有没有人看到这样做或知道这样做的方法？

非常感谢， C

user141621

12345678910