Mouseonclick divs 이미지 맵 표시/숨기기? [Jquery/css]

Question

저는해야 할 프로젝트와 관련하여 여러 가지 질문과 답변을 여기서 보았습니다. 나는 그것에 대해 갈 수있는 최선의 방법을 여전히 확신하지 못한다.

이 시점에서 나는 5 개의 고르지 않은 부분으로자를 이미지의 한 부분으로 큰 이미지를 가지고 있습니다. 각 부분/섹션은 카테고리입니다. 클릭하면 섹션의 색상이 변경되고 일부 이미지와 텍스트는 별도의 div에 이미지의 오른쪽에 표시되어야합니다. 나는 jquery에 꽤 많은 새내기지만 나는 js와 css에 배경을 가지고있다.

이미지의 섹션 (onmouseover) 강조 표시가 필요할지 확실하지 않습니다. 그러나 그 가능성 또한 좋아할 것입니다.

나는 onclick 이벤트에 대한 이미지 맵 또는 pagx, pagey 좌표를 사용해야하는지 알고 싶습니까? 또한 강조 표시된 버전으로 섹션을 어떻게 대체 할 수 있습니까?

나는 그 섹션을 클릭 한 사용자를 보여주는 다른 이미지로 섹션을 바꾸고 싶습니다.

플러그인을 사용하지 않는 것이 좋습니다.

Answer 1

, 나는 아무 대답이 지금까지 충분하지 않지만 (오른쪽 여부) 어떤 경로를 가리 키도록 있다고 생각 : 여기

Imagemap rollover using jQuery의 실례입니다. 또한

:

그 두 당신이 설명하는 것과 출발점을 제공 interactive image map with Jquery!

를 구축하는 방법에 대한 또 다른 튜토리얼을!

귀하의 작업에 가장 좋습니다!

Answer 2

당신은 정말로 약간의 코드를 제공해야하지만 이미지 맵이 더 좋은 해결책이라고 생각합니다. Here은 이미지지도의 데모입니다. 그것을 한 번 쳐다 보면이 솔루션이 당신에게 적합한 지 알 수 있습니다. 당신이 정말 귀하의 질문에 설명 같은 것을 코딩을 시작하는 방법에 붙어있는 경우