2014-11-23 46 views
2

我启用maphilight后,图像停止响应。响应图像与maphilight.js

首先,我使用rwdImageMaps.js对imagemaps进行响应,效果很好。但是在启用maphilight之后,图像本身不再响应。 (虽然imagemaps保持响应。)

从铬检查:without maphilight,With maphilight

您可以看到,maphilight.js将图像从100%更改为响应具有固定高度和高度的div。 如何让图像/ div再次响应? (我也尝试ImageMapster,但导致相同的问题。)

有人可以帮我解决这个问题吗?提前致谢! ;)

+0

现在的比例是工作的罚款,exept的maphilights。 从解决方案中使用jQuery-maphilight.js甚至不会显示默认行为。尽管我用fillcolor在该区域放置了数据maphilight。 – Ludo 2014-11-24 08:26:21

回答

2

请检查此链接。 Responsive image maps with roll-overs

也请注意,您可能需要减少图像的不透明度,如果它不是透明的,该解决方案能够正常工作

+0

甜蜜的作品!谢谢 但是,最后一次使用img [usemap] maphilight和rwdImageMaps的脚本map_rollover.js的最佳顺序是什么。或者他们写的div_offset脚本块? – Ludo 2014-11-24 07:55:11

+0

首先rwdImageMaps.js,第二maphilight.js和最后map_rollover.js将是正确的顺序 – 2014-11-24 11:33:03

+3

这是一个所有功能于一身的解决方案: http://emartin.ca/mapify/ – 2015-01-19 23:32:42