如何悬停区地图 - 响应

我试图做一个负责任的区域地图上的悬停事件，所以我发现这一点：如何悬停区地图 - 响应

http://www.andensolutions.com/blog/responsiveImagePaths

但我不能设法上应用此我项目。

我是网络和jQuery的初学者。有人可以告诉我应该在哪里叫我的脚本？

在此先感谢

这里是有关的代码：

<title>Montesson ville ou campagne ?</title> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <meta name="description" content="A compléter (déscription rapide du site sur Google)" /> 
    <meta name="keywords" content="Montesson Périurbain ZAC rural urbain île-de-france agriculture écologie" /> 
    <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/jquery.scrolly.min.js"></script> 
    <script src="js/skel.min.js"></script> 
    <script src="js/init.js"></script> 
    <script type="text/javascript" src="js/jQuery-maphilight.js"></script> 
    <script type="text/javascript" src="js/map_rollover.js"></script> 
    <script type="text/javascript" src="js/jQuery-rwdImageMaps.js"></script> 

    <noscript> 
    <link rel="stylesheet" href="css/skel.css" /> 
    <link rel="stylesheet" href="css/style.css" /> 
    <link rel="stylesheet" href="css/style-desktop.css" /> 
    </noscript> 

    <script type="text/javascript" src="js/jquery.min.js"></script></head> 


<body> 


    <!-- Première partie (Carte) --> 

    <!-- On met notre carte ici --> 
    <div id="BoiteImage"> 
     <img src="images/carte_ZAC-2-5.jpg" title="La carte" usemap="#Map" class="image" /> 
     <map name="Map"> 
      <!-- On utilise une MAP pour faire corresponde chaque zone de la caret à un lien --> 
      <area id="Map" shape="poly" coords="427,513,548,363,658,434,488,618,446,538,446,604,489,618" 
        href="les_zones_cultivees.html" title="Les Logements" /> 
     </map> 
    </div>

来源

2015-02-24 Guillaume Fronczak

链接好，谢谢。在阅读了评论之后，它开始工作了;）画布在img后面。所以为了快速示例，使用萤火虫或类似工具来减少img的不透明度。如果控制台说，这些坐标不是x1，y1等的格式，那么只需从地图上的区域复制/插入来自#from：D上方链接的区域的坐标，并实现所有给定的js文件在script.rar/downloadlink。

来源

2015-03-04 12:49:09 coder23846528634

如何悬停区地图 - 响应

回答

相关问题