Показать сообщение отдельно
  #8 (permalink)  
Старый 12.04.2013, 16:16
Интересующийся
Отправить личное сообщение для pagemaster Посмотреть профиль Найти все сообщения от pagemaster
 
Регистрация: 08.04.2013
Сообщений: 23

Сообщение от zebra Посмотреть сообщение
Наложите на дивы map у которого z-index будет больше чем у картинок. Пропишите area с координатами. При наведении на area двигайте нужный див.
как то вот так?
<map id="imgmap2013412143549" name="imgmap2013412143549" style="z-index:1">
<area shape="poly" alt="Волосы, ногти, зубы" title="" coords="2,76,35,47,100,13,141,4,174,4,175,240" href="phakty.html#bookmark1" target="_self">
</map>

<div id="1" style="position:absolute; overflow:hidden; left:465px; top:322px; width:180px; height:255px; z-index:0">
<img src="images/1.png" alt="" border=0 width=180 height=255 usemap="#imgmap2013412143549"></div>
</div>


а как эту область в скрипте указать? как то так?
$(window).load(function(){
	      
	            $('#imgmap2013412143549').hover(
	                function () {
	                    $(this).stop().animate({
	                    'left': '431px',
	                    'top': '270px'
	                    }, 300);
	                },
	                function () {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '322px'
	                    }, 300);
	                }
	            );     
	        });
Ответить с цитированием