我正在为一个客户端编写一个模型(使用HTML、JS/jQuery)和CSS，其中涉及(界面的)单个图像并应用了Map。由于我不会解释的原因，当单击某个区域时会执行包括动画的操作，然后更改图像src(所以它看起来像是在界面之间移动)然后我对图像应用不同的图像映射(也许我应该说标签)客户要求这个，我知道这看起来很疯狂，但我没有任何模型工具来执行动画等等...我注意到一个模式，我可以重构我的代码，以便更容易扩展和维护。但是我想知道，假设我有以下HTML:如果点击了某个区域，我是否可以使用JavaScript或jQuery来确定？然后我可以识别ID并执行正确的操作。我目前有很多不同的条件，例如
我正在为一个客户端编写一个模型(使用HTML、JS/jQuery)和CSS，其中涉及(界面的)单个图像并应用了Map。由于我不会解释的原因，当单击某个区域时会执行包括动画的操作，然后更改图像src(所以它看起来像是在界面之间移动)然后我对图像应用不同的图像映射(也许我应该说标签)客户要求这个，我知道这看起来很疯狂，但我没有任何模型工具来执行动画等等...我注意到一个模式，我可以重构我的代码，以便更容易扩展和维护。但是我想知道，假设我有以下HTML:如果点击了某个区域，我是否可以使用JavaScript或jQuery来确定？然后我可以识别ID并执行正确的操作。我目前有很多不同的条件，例如
我正在为我拥有的图表工具动态生成图像映射。我希望能够在区域标签上设置边框或颜色，这样我就可以检查是否使用正确的坐标生成了所有内容，但一些研究表明这是不可能的。那么检查图像映射是否正确的最简单方法是什么？是否有任何浏览器工具可以“可视化”这些区域？ 最佳答案 如何使用JavaScript(和jQuery)对其进行测试？http://davidlynch.org/js/maphilight/docs/demo_usa.html此插件将突出显示图像map区域。 关于html-如何可视化/调试图
我正在为我拥有的图表工具动态生成图像映射。我希望能够在区域标签上设置边框或颜色，这样我就可以检查是否使用正确的坐标生成了所有内容，但一些研究表明这是不可能的。那么检查图像映射是否正确的最简单方法是什么？是否有任何浏览器工具可以“可视化”这些区域？ 最佳答案 如何使用JavaScript(和jQuery)对其进行测试？http://davidlynch.org/js/maphilight/docs/demo_usa.html此插件将突出显示图像map区域。 关于html-如何可视化/调试图
我有一个响应式html布局中的现有图像映射。图像根据浏览器大小缩放，但图像坐标显然是固定像素大小。我有哪些选项可以调整图像map坐标的大小？ 最佳答案 对于响应式图像map，您需要使用插件:https://github.com/stowball/jQuery-rwdImageMaps(不再维护)或者https://github.com/davidjbradshaw/imagemap-resizerNomajorbrowsersunderstandpercentagecoordinatescorrectly,andallinterpr
我有一个响应式html布局中的现有图像映射。图像根据浏览器大小缩放，但图像坐标显然是固定像素大小。我有哪些选项可以调整图像map坐标的大小？ 最佳答案 对于响应式图像map，您需要使用插件:https://github.com/stowball/jQuery-rwdImageMaps(不再维护)或者https://github.com/davidjbradshaw/imagemap-resizerNomajorbrowsersunderstandpercentagecoordinatescorrectly,andallinterpr
我有一个复杂的背景图像，其中有很多小区域需要翻转插图高亮显示，以及每个区域的额外文本显示和关联链接。最终插图使用z-index堆叠了几个具有透明度的静态图像，并且高光翻转插图需要显示在中间的“三明治”层之一中以达到预期效果。在对block进行了一些不成功的摆弄之后，我决定这可以使用老式图像映射来完成。我制作了一个带有四个几何形状轮廓的示意图测试图，并使用png翻转“填充”它们。这个想法是将图像映射与底部背景层相关联，使用css{visibility:hidden}初始化所有翻转并使用Jquery的悬停方法使它们可见，并在单独的div中显示相关文本。单独的文本函数是我不尝试使用:hove
我有一个复杂的背景图像，其中有很多小区域需要翻转插图高亮显示，以及每个区域的额外文本显示和关联链接。最终插图使用z-index堆叠了几个具有透明度的静态图像，并且高光翻转插图需要显示在中间的“三明治”层之一中以达到预期效果。在对block进行了一些不成功的摆弄之后，我决定这可以使用老式图像映射来完成。我制作了一个带有四个几何形状轮廓的示意图测试图，并使用png翻转“填充”它们。这个想法是将图像映射与底部背景层相关联，使用css{visibility:hidden}初始化所有翻转并使用Jquery的悬停方法使它们可见，并在单独的div中显示相关文本。单独的文本函数是我不尝试使用:hove
我有一个矢量插画文件，其中加利福尼亚州的所有县都是不同的路径。我需要让这些县链接到其他在线页面。有没有办法从这个文件自动生成HTML图像映射？illustrator提供导出为jpg功能，该功能具有多边形图像贴图形状的选项，但它不起作用。或者，您对这些天图像映射的使用有什么看法，我是否应该以另一种方式处理这个问题？是的，我知道我可以在Flash中执行此操作，但我想避免这样做。谢谢! 最佳答案 您可以使用“属性”面板在每个路径上设置一个链接，然后使用“为Web和设备保存”以另存为HTML或HTML+图像——这会在HTML文件中创建图像映
