最近做项目遇到图片热区的问题,每次用都会失效,代码如下:
<img src="images/open.jpg" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="338,483,460,504" href="#" style="cursor:pointer" />
<area shape="rect" coords="65,502,304,563" href="#" style="cursor:pointer"/>
</map>
原来是因为同一个页面中也存在相同的ID:Map;所以导致图片热区失效了。
分享到:
相关推荐
图片热区,自由编辑页面模型和自定义链接,只要用idea直接就可以用浏览器打开,注释应有尽有
jquery设置图片热区并生成图片
CSS自定义图片热区示例代码,直接在HTML里,查看代码
js 动态设置图片的热区并获取图片坐标 浏览器 均兼容 你懂的
热区应用的例子 在图片上设置热区,点击图片上的点,执行javascript方法
1、可添加多个热区, 2、可拖动热区位置及大小, 3、可为每个热区添加连接
可以自定义在图片上增加热区,可标记多个,结合cookie插件保存
模拟图片热区功能,利用.png定位在大图上,鼠标经过平面图有凸效果,可点击;可随网页大小缩放,
可以在html绘制矩形、圆形、图片等形状,形成热区坐标。
用Delphi实现热点(图片部分设为热区)
view.aspx 加载图片和图片热区 orderPoint.aspx 设置图片热区 PS: 热区仅支持不规则多边形 此版本为简易开发版,但功能齐全. 支持图片缩放,热区自动根据图片缩放进行缩放. 第一次上传自主产品,请支持!
使fckeditor具备图片热区的功能,本部分是测试demo,还未包含插件,随后上传
js 动态获取图片上的矩形热区,可随意选择区域。鼠标经过该区域时,会出现一半透明蒙版,显示该区域的位置大小。点击可超链接。创建的热区可修改链接,也可以动态删除热区
NULL 博文链接:https://yq135314.iteye.com/blog/1997676
【vue3 + ts】支持图片缩放预览和图片热区点击功能
Axure7.0教程部件详解图片热区 hot spot
可以在页面上用鼠标随便点击 获取两个坐标、并自动创建热区、点击可以为此选取添加颜色、调至透明度
vue实现在图片中画矩形框(JS图片画方块定位坐标),并得到对角坐标,并拿到对应坐标制作图片热区并设置map中area的样式(图片热区map area的用法)
用frontpage为图片插入热区,应该注意的事项,为什么在淘宝后台中不能用热区。
Fckeditor2.6.4最终版增强版.rar 图片热区 上传文件, 远程图片,直接可以使用