2010-08-04 3 views
0

이미지 맵에서 jQuery 툴팁 플러그인을 사용하고 있습니다. 이미지의 일부가 마우스로 가리켜지면 팁이 나타납니다. 이것은 다음과 같은 코드로 활성화됩니다페이지가 처음로드 될 때 jQuery 툴팁의 팁이 활성화되도록 시작

이미지 맵에 대한 HTML은 다음과 같이 설정
$(function() { 
    $("map > area").tooltip({ positionLeft: true }); 
}); 

:

<map name="Map"> 
    <area shape="rect" coords="36,466,64,507" href="link.aspx" alt="Alt Title" title="ToolTip Title" /> 
    <area shape="rect" coords="36,466,64,507" href="link.aspx" alt="Alt Title2" title="ToolTip Title2" /> 
</map> 

내가 (활성에있을 도구 팁 중 하나가하고 싶습니다 또는 hovered) 상태를 나타냅니다. 이 작업을 수행하는 방법을 알아내는 것이 쉽지 않은 경우도 있습니다.

이 플러그인을 사용한 사람이 누구이며이 기능을 구현할 수있는 아이디어가 있습니까?

답변

1

페이지로드가 완료되면 마우스 오버를 트리거 할 수 있습니다.

$("[name='Map']").trigger("mouseover"); 
+0

도구 설명이 모두 표시되지 않습니까? 나는이 지역 중 하나를 다음과 같이 활성화 할 수 있기를 원합니다. Alt Title 이 도구 설명은 기본적으로 호버 상태에 있다고 생각합니다. – Peachy

0

마우스를지도의 원하는 부분에 집중 시키거나 툴팁을 활성화하는 트리거 이벤트 (아마도 마우스를 올려 놓음)를 사용할 수 있습니다.

관련 문제