Jquery Carte en surbrillance

Question

J'utilise http://plugins.jquery.com/project/maphilight pour surligner des zones lorsque je survole une image, mais je voudrais également la garder en surbrillance lorsque je clique dessus. Lorsqu'une autre zone est cliquée, la précédente devrait disparaître et la nouvelle rester en surbrillance.

Est-ce que quelqu'un a déjà vu cela ou sait comment le faire?

Un grand merci, C

Answer 1

La solution à ce problème est à http://davidlynch.org/js/maphilight/docs/demo_features.html

si vous regardez dans la source de la page, il y a le code de votre problème. IMPORTANT: vous avez besoin du plugin jquery.metadata.js !!!!

Cordialement szekelygobe

Answer 2

ImageMapster: http://www.outsharked.com/imagemapster - mon plugin jQuery qui fait exactement cela!

Vous souhaitez utiliser l'option singleSelect, par ex. http://jsfiddle.net/jamietre/ufAF6/

Answer 3

Il existe une solution dans jquery & maphighlight SEULEMENT!:

Et l'affaire est dans le traitement des attributs bon l'entrée du 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: assurez-vous que vous avez la dernière maphilight! : http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js, à partir de la page officielle de maphilight.