Question

我找到了以下图片地图缩放器，因此我的图片地图会响应：

https://github.com/davidjbradshaw/image-map-resizer/blob/master/README.md

按照说明我将以下代码放在头部：

<script src="imageMapResizer.min.js"></script>

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--[if lte IE 8]>
    <script type="text/javascript" src="js/ie8.polyfil.min.js"></script>
<![endif]-->

但我不知道在哪里放置代码：

imageMapResize([selector || map object]);

它说把它放在页面的底部。我尝试将它放在标签内外，但它仍然无法正常工作。我应该把它放在哪里？

Answer 1

如果您使用vanilla-javascript混淆，可以使用该库也支持的jquery，请输入以下代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="imageMapResizer.min.js"></script>
<script>
     $(document).ready(function() {
         $('map').imageMapResize();
     });
</script>

Answer 2

你＆＃34;应该＆＃34;在关闭的body-tag之前添加script-tag（有很多关于该主题的精彩文章）：

    <script></script>
  </body>
</html>

请注意，在执行＆＃34;执行＆＃34;之前，您必须包含一个库。它;）

看来你的选择器错了。试试这个：

<script>imageMapResize('[name="faith_boosters_map"]')</script>

使用图像映射缩放器

2 个答案: