Как изменить стиль элемента области карты изображения

Question

Я использую карту изображений на своей веб-странице и в приложении для iPad.Каждая область на карте изображения является активным элементом для создания звука, что я легко могу сделать с помощью jQuery.Но я не смог изменить стиль, например, показать границу или изменить цвет заливки, просто чтобы указать, что область нажата.Если кто-нибудь сделал это, пожалуйста, дайте мне знать;это кажется простым, но я действительно в тупике.

Answer 1

Я получил его на работу благодаря Потрясающему плагину ImageMaster Jquery от Джеймса Треворги .

$('area').mousedown(function(e) {
   $(this).mapster('set',true);
});

$('area').mouseup(function(e) {
   $(this).mapster('set',false);
});

$('area').bind( "touchstart", function(e){
   $(this).mapster('set',true);
});

$('area').bind( "touchend", function(e){
   $(this).mapster('set',false);
});

Answer 2

Трудно сказать, не видя код, но точно так же, как вы ссылаетесь на части карты, точно так же, как вы применяете стили.

Если у вас есть section1 идентификатор, тогда вы можете использовать css

#section1{
    border://something
    background-color://something else
}

Или, когда вы ссылаетесь на щелчок, вы также добавляете некоторые стили, например,

$('#section1').click(function(){
    //whatever
    $(this).css({'background-color' : 'red', 'border' : '1px solid black'});
});