2

jQuery アドインの Image Mapster がとても気に入っています。しかし、私は本当にレンガの壁にたどり着きました。登るのに助けが必要です。

次のことを行う必要があります。

  1. インタラクションの前に、すべてのイメージ マップ エリアを境界線と色で強調表示します
  2. 境界線と色が異なる可能性があるマウスオーバー ハイライトとマウスアウト ハイライト解除 (上記の状態 #1 に戻る) を有効にします。
  3. 3 番目の異なる境界線と色で選択を有効にする

私は最初、次の JavaScript でそれができるだろうという印象を受けました。

    $('#Image1').mapster({
        fillOpacity: 0.5,
        fillColor: FF0000,

        stroke: true,
        strokeOpacity: 1.0,
        strokeColor: 00FF00,
        strokeWidth: 2,

        render_highlight: 
        {
             fillOpacity: 0.5,
             fillColor: 00FF00,

             stroke: true,
             strokeOpacity: 1.0,
             strokeColor: FF0000,
             strokeWidth: 2,
        },
        render_select: 
        {
             fillOpacity: 1.0,
             fillColor: 0000FF,

             stroke: false
        }
    });

マウスオーバー/マウスアウト (#2) と選択 (#3) をサポートしているように見えますが、希望どおりに領域を照らしません (#1)。

ImageMapster の経験が豊富な人に何か提案はありますか?

ありがとう！

4

1 に答える 1

4

いくつかのコメント:

  1. 「render_highlight」の前のコードは、デフォルトで強調表示されたときに領域がどのように見えるかを定義することです。機能したとしても、選択ではなくハイライト用です。

  2. ただし、オプションのレンダリング キー「render_highlight」を追加すると、以前に設定したオプションが無効になります。そのため、「render_highlight」で定義した効果が表示されない領域にマウスを移動すると、

  3. あなたの #1 については、「render_highlight」の前のすべてのオプションを削除し、この行を追加することをお勧めしますstaticState: true,。これにより、選択されたすべての領域が常に有効になりますが、目標 3 には従いません。あなたの 3 つの目標すべてを達成するためのより良い方法が見つかりません。他の人が助けてくれるのを待っています。

ご覧になりたいドキュメントは次のとおりですhttp://www.outsharked.com/imagemapster/default.aspx?docs.html

于 2012-11-12T18:37:29.993 に答える