jquery - 画像上の領域を指定

Question

画像上で、ユーザーがクリックして他のページに移動できる領域を 1 つ指定しようとしています。hotspotter エディターを使用して、以下のコードを記述してみます。しかし、何も起こりませんでした。何が間違っているのかわかりません。誰かがこれに対する別の解決策を持っているなら、それは素晴らしいでしょう.

<link rel="stylesheet" href="jquery-hotspotter-1.7.2.min.css">
    <script src="jquery-hotspotter-1.7.2.min.js"></script>



<div data-role="content" id="test">
            <div class="hs-area">
            <img src="imagens/HomeHorizontal.jpg"/>     
        <div class="hs-wrap"><a target="_blank" href="http://www.google.pt"><div data-activeon="click" data-dim="378,224,0" data-coord="646,0" class="shadow-spot"></div></a>
            <div
            class="tt-wrap">
                <div data-anim="goin" data-dir="top" class="tip-tooltip"></div>
        </div>
    </div>
    <div class="hs-wrap">
        <div data-activeon="click" data-dim="378,222,0" data-coord="646,223" class="shadow-spot"></div>
        <div class="tt-wrap">
            <div data-dir="top" data-anim="goin" class="tip-tooltip"></div>
        </div>
    </div>
    <div class="hs-wrap">
        <div data-activeon="click" data-dim="378,229,0" data-coord="646,445" class="shadow-spot"></div>
        <div class="tt-wrap">
            <div data-dir="top" data-anim="goin" class="tip-tooltip"></div>
        </div>
    </div>
    </div>
       </div>