html - 图像 map 未正确调整大小

Question

我正在使用 https://github.com/stowball/jQuery-rwdImageMaps调整图像映射的大小。

<img id="transparentImage"  onclick="point_it(event);" src="../images/transparentImage.png" usemap="#transparentImageMap" border="0" />
<map name="transparentImageMap">
<area shape="poly" Coords="1117 ,22 ,1117 ,35 ,1117 ,49 ,1119 ,63 " href="#"/>
</map>

在就绪事件中

$(document).ready(function() {
    var wh = $(window).width();
    var ht = $(window).height();
    $('img[usemap]').rwdImageMaps();
});

只要我给

 $('img[usemap]').rwdImageMaps();

在 ready 事件中，mapCordinates 正在改变并且不适合。只有在加载页面时才会在调整大小之前发生这种情况。

谢谢

Answer 1

谢谢。我也解决了。发现图像是 1X1，我正在使用 jquery 对就绪事件进行扩展。但是在调整大小的插件中，它只能将图像大小设为 1X1，这就是问题所在。无论如何谢谢:)