Здравствуйте уважаемые знатоки!)
Возникла следующая проблема:
есть скрипт (это часть скрипта):
$(window).load(function(){
$('#1 a').hover(
function () {
$(this).stop().animate({
'left': '431px',
'top': '270px'
}, 300);
},
function () {
$(this).stop().animate({
'left': '465px',
'top': '322px'
}, 300);
}
);
});
и код изображения:
<div id='1'>
<a href='#' style="position:absolute; left:465px; top:322px"><img src="images/1.png"></a>
</div>
вот ссылка где все работает
ТЫЦ
Перейдя по ссылке вы можете заметить что изображения у меня треугольные и при наведении на изображение происходит анимация через скрипт, но загвоздка в том что область изображения квадратная, и изображения цепляют друг друга, в итоге когда наводишь на один кусок - цепляется другой...
Как можно решить эту проблему? Может нужно карту изображения как-то сделать и её привязать к скрипту...
заранее благодарен!