Хочу сделать подсветку определенной области на картинке и при наведении на эту область ещё сильнее сделать подстветку. Нарыл кодик с maphilight пытался задать подсветку изначально скажем 20% а при наведении чтобы вызывалась функция и подсветка становилась 40%, но видимо что-то не то делаю и вообще все перестает выделяться. Сделал так, через опу, работает, но требует 2 области что не есть хорошо. Вы не могли подсказать как правильно вызвать функцию по смене прозрачности?
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="maphilight.js"></script>
<script>
$(function() {
$('.map').maphilight();
$('#starlink2').click(function(e) {
e.preventDefault();
var data = $('#star').data('maphilight') || {};
data.alwaysOn = !data.alwaysOn;
$('#star').data('maphilight', data).trigger('alwaysOn.maphilight');
});
});
</script>
</head>
<body>
<img src="img.gif" width="300" height="300" class="map" usemap="#features">
<map name="features">
<area shape="poly" alt="" id="starlink2" onfocus="this.blur();" class="{alwaysOn:false,stroke:false,fillColor:'000000',fillOpacity:0.2}" coords="58,117,49,141,48,153,61,159,67,151,68,142,66,128,61,132,61,124,65,119" href="#" onclick="result();" >
<area shape="poly" id="star" alt="" onfocus="this.blur();" class="{alwaysOn:true,stroke:false,fillColor:'ffc000',fillOpacity:0.1}" coords="58,117,49,141,48,153,61,159,67,151,68,142,66,128,61,132,61,124,65,119" href="#" onclick="result();" >
</map>
</body>