본문 바로가기

Story/Javascript

jquery + image map 으로 지도나 이미지상에서 기능구현하기

반응형

예를 들어 전국지도가 있고 특정 지역을 이미지 상에서 클릭했을때 효과를 주고 기능을 부여할때 필요한 부분이다.

- imagemapster
란 것을 만들어 제공해주는 곳이 있어 이곳에 들어가서 보면 demo 와 적용할수있는 다양항 기능들을 직접 조합해 볼수있다.
http://www.outsharked.com/imagemapster/examples/usa.html
또한 아랫 사이트에선 직접 소스를 변경해가면서 테스트해 볼 수도 있다.
http://jsfiddle.net/4cHtc/22/ ( ※ 이곳에서 이 소스뿐만이 아니라 다양한 샘플들을 테스트해볼수있으니 참고해보면 좋을거 같다.)

- maphilight 란 것도 있는대 image map 이나 svg 파일등으로도 이용가능하다.
http://davidlynch.org/projects/maphilight/docs/
데모는 아래 링크에서 볼수있다.
http://davidlynch.org/projects/maphilight/docs/demo_usa.html

반응형