Добрый день. Столкнулся со странной проблемой..
Работаю с SVG графикой. У меня есть карта, участкий которой подсвечивается при наведении мышки... делаю я это так:
//задаём атрибуты svg-областей
var attributes3={
opacity:0,
fill:'#F1F1F1',
'stroke-width':5,
stroke: '#c41f1d',
'stroke-linejoin': 'round'
};
var obj3=paper.path(window.pathsN[2]);
obj3.attr(attributes3);
addTip3(obj3);
//функция, где задана реакция на курсор
function addTip3(obj){
var kp2=$("#kp2");
kp2.mouseover(function(){
kp2.show();
});
kp2.mouseleave(function(e){
obj.attr({opacity:0});
kp2.hide();
});
$(obj.node).mouseover(function(e){
obj.attr({'opacity':0.5});
kp2.show();
}).mouseout(function(){
kp2.hide();
obj.attr({'opacity':0});
});
}
И всё работает идеально! Теперь мне необходимо сделать, чтобы они не зависели от курсора, а всегда были полупрозрачные. Однако же
function addTip3(obj){
var kp2=$("#kp2");
kp2.show();
obj.attr({'opacity':0.5});
}
...перестаёт работать. opacity работает почему-то только при 0 или 1 (соответсвенно скрыть или показать). Так же и с попыткой манипулирования fill-opacity. Так же и с попыткой сразу в attributes3 задать 0,5.
Буду признателен, если подскажете в чём моя ошибка.. или как это можно обойти.