it-swarm-ko.com

이미지 맵 이외의 웹 페이지에서 불규칙한 모양의 클릭 가능 영역을 활성화하는 다른 옵션이 있습니까?

우리는 불규칙한 모양의 지역을 가지고 있습니다 ... 미국의지도를 상상해보십시오. 또한 각 상태 안에 그래픽과 텍스트가 포함 된 직사각형 영역이 있다고 상상해보십시오. 각 상태가 마우스 오버/마우스 아웃/클릭에 반응하도록하고 싶습니다.

HTML 페이지 (Flash 없음) 인 경우 이미지 맵 이외의 다른 방법으로이를 구현할 수 있습니까?

이것이 가능하지 않다면 각 상태의 직사각형 영역이 마우스 이벤트에 반응하는 것만 고려할 것입니다.

2
milesmeow

"스트레이트 업 HTML"은 Javascript를 사용할 수 있다는 의미입니까? 그렇다면 SVG를 감싸는 Raphael javascript library 를 고려하십시오. 호주의이 카운티 (?) 예를 포함하여 수행 할 수있는 작업에 대한 훌륭한 개요는 홈페이지를 참조하십시오. http://raphaeljs.com/australia.html

processing.js 를 고려할 수도 있습니다. 이는 유사한 시각화 라이브러리이지만 SVG가 아닌 캔버스를 래핑합니다.

2
Rahul

최신 브라우저에서는 CSS 스프라이트와 매우 깨끗한 마크 업을 사용하여 동일한 작업을 수행 할 수 있습니다. 다음은 A List Apart에서 사용하는 방법에 대한 훌륭한 자습서입니다. 전체 기사를 읽지 만 "불규칙한 모양"섹션을 참조하십시오.

http://www.alistapart.com/articles/sprites

0
Jim Jarrett