如何懸停區地圖 - 響應

我試圖做一個負責任的區域地圖上的懸停事件，所以我發現這一點：如何懸停區地圖 - 響應

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

如何懸停區地圖 - 響應

回答

相關問題