2

maphilight という jquery プラグインを使用しようとしています。私はjqueryプラグインを使用するのがまったく初めてです。私は他の Web デザイン コーディングの経験がかなりあり、JavaScript の経験も少しありますが、実際にこのように実際に使用しようとしています... 初めてです。

このプラグインを動作させることができません。私のマップでは、さまざまなエリアが正しくクリック可能で、リンクとして機能しますが、強調表示されません。私にできる最善のことは、間違ったハイライトがページの別の部分に表示されることです。

maphighlight サイトを見て、彼の例を見ましたが、コード例の使用方法がしっかりとわかりません。

私のページの上部近くに私が持っている：

<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/maphilight.js"></script>
<script type="text/javascript">
    $(function () {
        $('.mapHiLight').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
    });
</script>

次にマップへ

<img src="image/japan.svg" width="570" height="750" usemap="#nihon">
    <map name="nihon">
    <area id="test3" href="http://www.tokyo.com" shape="poly" coords="407.963,498.081 403.323,498.08 407.963,498.081 400.819,498.908 387.434,499.66 388.25,496.5 
                381.4,492.742 381.742,489.948 381.742,489.948 382.811,488.967 385.754,488.459 395.005,491.437 412.248,488.907 412.049,492.742" alt="tests" title="testerhi">
    </map>

ここで何がうまくいかないのですか？私は何をすべきか？

こちらこそ無知ですみません。シンプルなものが欠けていることを願っています。

4

1 に答える 1

1

mapHiLightあなたのイメージにクラスを与えるべきでした。
これは、maphilight のサンプル デモです。

サンプルデモはこちら：フィドル

于 2013-07-12T11:39:15.600 に答える