JQuery Map Highlight

Question

Я использую http://plugins.jquery.com/project/maphilight для выделения областей при наведении курсора мыши на карту изображения, но я также хотел бы, чтобы она была подсвечена при нажатии. При щелчке по другой области предыдущий должен исчезнуть, а новый останется выделенным.

Кто-нибудь видел это или знал способ сделать это?

Большое спасибо, C

Answer 1

Решение этой проблемы заключается в http://davidlynch.org/js/maphilight/docs/demo_features.html

, если вы посмотрите на источник страницы, есть код для вашей проблемы. ВАЖНО: вам нужен плагин jquery.metadata.js !!!!

С уважением szekelygobe

Answer 2

ImageMapster: http://www.outsharked.com/imagemapster - мой JQuery плагин, который делает именно это!

Вы хотите использовать опцию singleSelect, например. http://jsfiddle.net/jamietre/ufAF6/

Answer 3

Существует решение в jQuery & maphighlight ТОЛЬКО!:

И трюк в обработке хорошего входа в maphighlight атрибуты: 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'); 
    } 

}); 

EDIT: убедитесь, что у вас последняя maphilight! : http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js, с официальной веб-страницы maphilight.