Показать сообщение отдельно
  #1 (permalink)  
Старый 17.03.2011, 17:13
Аспирант
Отправить личное сообщение для Reflexion Посмотреть профиль Найти все сообщения от Reflexion
 
Регистрация: 25.10.2009
Сообщений: 51

использование maphilight
Хочу сделать подсветку определенной области на картинке и при наведении на эту область ещё сильнее сделать подстветку. Нарыл кодик с 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>

Последний раз редактировалось Reflexion, 17.03.2011 в 17:15.
Ответить с цитированием