핫스팟에 아이콘이있는 이미지 맵

내 프로젝트는 사용자가 사무실 주변의 프린터 위치를 나타내는 미리 정의 된 핫스팟으로 ImageMap을 볼 수 있도록합니다. 이 핫스팟 위로 마우스를 가져 가면 프린터 이름을 알려주는 툴팁을 추가하고 프린터 드라이버를 원격으로 설치할 수있는 기능을 제공 할 것입니다.핫스팟에 아이콘이있는 이미지 맵

질문 : jquery 또는 다른 방법을 사용하여 핫스팟 위치에 아이콘 (예 : 핫스팟별로 동일한 작은 프린터)을 추가 할 수 있습니까? CamsClass를 hotspots에 추가 할 수는 없다는 것을 알고 있지만 강제로이 방법을 사용하거나 ImageMapster와 같은 플러그인을 사용하여 아이콘이 순서대로 항상 존재하도록 만듭니다. 프린터가 어디에 있는지 나타낼 수 있습니까?

모든 아이디어 나 도움을 주시면 감사하겠습니다.

출처

2012-04-10 Daniel

핫스팟을 사용하는 대신 절대적으로 배치 된 아이콘이있는 상대적으로 위치가 지정된 div를 사용하는 것이 어떻습니까? 아이콘의 크기가 정사각형 일 필요가 있다는 사실을 제외하고 기능은 기본적으로 동일합니다. 즉, 설정된 폭/높이; 당신은 핫스팟에서 할 수있는 것처럼 원형이나 폴리곤을 그릴 수 없습니다.

이렇게하면 사물의 위치를 완벽하게 제어 할 수 있으며 각 핫 스폿별로 다른 CSS 클래스를 가질 수 있습니다.

출처

2012-04-10 22:05:48 Marko

고마워, 나는 그와 같은 것을 정말로 생각하지 않았다. 결국, 핫스팟에 대한 나의 추론은 내가 jquery (요즘 사용하기 위해 내가 좋아하는 새로운 것)에 이미지를 배치 할 수 있다는 것이었다. 하지만 마진 등으로 아이콘을 수동으로 배치하는 것이 효과적 일 것이라고 생각합니다. – Daniel

좌표를 계산해야하는 경우에도 jQuery를 사용할 수 있습니다. 여백을 사용하지 마십시오. 'top :''left' /'bottom' /'right' 좌표와 함께'position : absolute'를 사용하십시오. – Marko

핫스팟에 아이콘이있는 이미지 맵

답변

관련 문제