jquery - Jqueryマップのハイライト

Question

画像マップにカーソルを合わせたときに領域を強調表示するためにhttp://plugins.jquery.com/project/maphilightを使用していますが、クリックしたときに強調表示したままにしておきたいです。別の領域をクリックすると、前の領域がフェードアウトし、新しい領域が強調表示されたままになります。

誰かがこれが行われるのを見たことがありますか、またはこれを行う方法を知っていますか？

どうもありがとう、C

Answer 1

ImageMapster: http://www.outsharked.com/imagemapster - まさにこれを行う私の jQuery プラグイン!

singleSelectオプションを使用したい、例えばhttp://jsfiddle.net/jamietre/ufAF6/

Answer 2

jquery&maphighlightのみに解決策があります! :

秘訣は、maphighlight の入力属性の適切な 1 つを処理することです: alwaysOn:

$( "#map-tag area" ).click(function(){
    $(this).data('maphilight', { 
          alwaysOn: true 
    }).trigger('alwaysOn.maphilight');
    //check if area wasnt already selected - otherwise gets buggy
    if( !$(this).hasClass('selected') ){ 
      $('.selected').data('maphilight', {
          alwaysOn: false
      }).trigger('alwaysOn.maphilight');
      $('#map-tag area').removeClass('selected');
      $(this).addClass('selected');
    }

});

編集:最新の maphilight があることを確認してください! : http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js、maphilight の公式 Web ページから。

Answer 3

この問題の解決策は http://davidlynch.org/js/maphilight/docs/demo_features.htmlにあります

ページのソースを見ると、問題のコードがあります。重要：jquery.metadata.jsプラグインが必要です!!!!

よろしくszekelygobe