问题标签 [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.

0 投票
1 回答
3842 浏览

jquery - 需要使用 jquery 切换图像映射的属性 - Jquery .removeAttr

我正在尝试禁用图像映射 onClick - 如果重新单击,最终我想启用它,但首先要做的是。

因此,要禁用 imaeg 地图,我想在单击地图时从图像中删除属性“usemap”。

在标题中,我调用了我的 JQuery:

下面我尝试使用 .removeAttr 但我没有得到回报:

这是测试站点:http: //quiznosforsale.com/open_house/

地图在底部,任何建议将不胜感激!

0 投票
2 回答
858 浏览

javascript - 使用拖动助手 div 拖动图层,并让图层中的图像映射表现得好像图像映射之外的区域 - 不存在 -?

项目以 x,y 坐标存储。.itemsdiv 从 [0,0] 开始,并根据 (可拖动)的移动重新定位.dragger。每次用户停止拖动/释放,.dragger重新定位到屏幕中心,并发出 AJAX 请求,将当前视口中的下一个 x/y 协调项放置在.items容器中。

这就是介绍。

每个项目类型都有一个图像映射(默认 [ 0,0,12,12,15,15,20,25] 样式)。.items我为每个加载的项目添加了一个带有这些值的 html 图像映射。

问题是我希望图像映射之外的空间表现得好像用户只悬停在.draggerdiv 上。我已将 CSS 样式添加到:

  • 拖动器(光标:移动)
  • 图像映射(光标:指针)

当我将鼠标悬停在图像映射之外(但仍在图像上,但它是透明 png,所以我“认为”我正在悬停.draggerdiv)光标不会从指针移动到移动光标,而是从指针到正常箭头。只有在图像边界之外,它才会变成移动光标。当我尝试拖动(在图像上,在图像映射之外)时,我复制/拖动项目图像(浏览器集成拖动,而不是使用的 jQuery 拖动.dragger)。

我需要.dragger助手并.items根据它的运动重新定位 div。光标/拖动行为是否可能?

0 投票
1 回答
295 浏览

c# - 将 ImageMap 用于导航菜单是否被认为是好的做法?

我应该使用 ImageMap 创建导航菜单吗?

0 投票
1 回答
1040 浏览

asp.net - 图像地图上的亮点

我正在处理图像映射,我的图像上有点,我想在单击按钮时标记一个点,还请告诉我如何控制坐标,因为我的图像是可调整大小/动态的,每次图像大小将被改变。

http://img191.imageshack.us/img191/1330/imgmaps.png http://img191.imageshack.us/img191/1330/imgmaps.png

非常感谢任何形式的帮助。

0 投票
1 回答
2501 浏览

wpf - 以编程方式在图像上创建可点击区域

我正在尝试使用代码隐藏在 wpf 中的图像上创建“图像映射”。

请参阅以下 XML:

我正在尝试将其转换为我的 WPF 应用程序中某个图像上的按钮。

我已经做了一部分,但我坚持将多边形设置为按钮的“模板”:

我也不确定如何在我的图像中添加/删除此按钮,但我正在调查。

任何帮助表示赞赏。

0 投票
3 回答
4584 浏览

javascript - 使用 usemap 属性查找图像的 jQuery 选择器问题

我的页面中有一个图像映射:

我有一个函数尝试使用此地图在文档中查找图像:

它无法找到图像。

Could not find image using img [usemap=\#map_books]

我已经逃脱了,elemId因为它以哈希开头并尝试了选择器的变体。

也找不到图。有任何想法吗?

0 投票
3 回答
6395 浏览

javascript - HTML/JavaScript:图像地图的鼠标悬停效果?

我正在尝试通过做他们的网站来帮助非营利组织。他们希望(呃)他们的徽标用作 HTML 图像地图。换句话说,当您单击徽标的不同部分时,您将被定向到不同的网页。然而,他们也需要鼠标悬停效果:当您将鼠标悬停在图像映射的特定部分时,应该突出显示该图形。

如果徽标很简单,我会将其切成矩形并将鼠标悬停和单击事件附加到适当的矩形。但是,由于其徽标的复杂性,这是不可能的。

有没有人在没有 Flash 的情况下做过这样的事情?我不是 Flash 开发人员,但这在 HTML/JavaScript 中看起来是一项非常艰巨的任务。

有任何想法吗?谢谢!

0 投票
1 回答
739 浏览

java - 如何在 Java 6 中实现游戏板的图像地图类型接口

我在学校的小组项目是实施一种垄断风格,学生可以购买课程并在各种广场上降落并在棋盘上移动。这不是一个普通的方形板,所以我们想知道是否有人对我们如何实现图像映射或类似的东西来创建许多不在完美方形中的可点击区域有任何想法。我附上了游戏板的图像。只需要一种开始的方式,而不是很多代码或任何我们都非常了解java的东西。如果有人有任何想法,那就太好了。

董事会的形象在这里。

http://imgur.com/fH5WC.png

0 投票
1 回答
579 浏览

javascript - 检测点击了哪个带有 imagemap 的图像

当您有多个共享相同图像映射的图像时,有没有办法检测用户单击图像时单击了哪个图像?

我创建了一个小的 javascript 应用程序,其中建筑物(简单图像)放置在地图上并且可以拖动。当用户单击建筑物时,可以使用 e.target 轻松检索建筑物,然后拖动。但是,当添加图像地图(以提高点击准确性)时,e.target 不再起作用。有没有办法找出点击了什么图像?当该图像使用图像映射时,javascript无法检测到图像被单击似乎有点奇怪?

那么,如果你有两张图片,都使用了 usemap="samemap",那么当触发 imagemap 时,如何找出这两张图片中的哪一张被点击了呢?

0 投票
5 回答
15224 浏览

javascript - 制作美国可点击图像地图的最快方法

制作美国可点击图像地图的最快方法是什么?是否有任何可用的 jquery 插件?

谢谢