CoffeeCup Image Mapper

CoffeeCup 이미지 매퍼는 이미지의 특정 위치에 여러 링크 (또는 핫스팟)를 지정하고 문서 또는 웹 사이트로 지적 할 수 있습니다. 마우스 오버 텍스트, 대체 텍스트, 링크 등을 만듭니다. JPG, PNG 및 GIF 이미지 형식을 지원합니다!

그래서 어떻게 작동합니까? 의 당신이 잡고 최대 여러 조각으로 가구를 판매하고 있다고 가정 해 봅시다. 사진에있는 항목 쇼케이스. 그리고 디자인 도구를 사용하여, 특정 항목에 윤곽을 그리고 여기에 웹 사이트 주소를 할당합니다. 사람이 가구의 조각을 클릭 지금 때, 그들은 자세한 내용은 그와 관련된 웹 페이지로 리디렉션됩니다.

지도, 기업 팀 사진, 플로우 차트, 미술관 등과 같은 이미지의 다른 유형에 동일한 기술을 적용합니다. 꽤 멋진 오른쪽? :)

응답 이미지 맵입니다 모바일 사용자를위한 친절한

트래픽의 51 % 이상이 모바일 기기에서 오는, 당신이 응답 할 수 있도록 이미지 맵을 업데이트하는 것이 중요합니다. 이것은 그들이 더 빨리, 더 쉽게, 그리고 작은 화면에 시청자에 대한 탐색 더 많은 기능한다. 링크를 조정합니다 반응하는 이미지 맵은 적절하게 표시 폭을 기준으로 조정합니다. 그러나 명심해야 할 것은 모바일 기기가 가져가 / 마우스 오버에 마우스 오버 또는 툴팁을 허용하지 않는 것입니다. 이 때문에 창조적으로 이미지 맵은 사용자가 본능적으로 그것을 사용하는 방법을 알 수 있도록 어떻게 작동하는지 다시 생각해야 할 것이다.

당신은 어떻게 할 수 있습니까? 쉬운. 그들이에 만질 수있는 텍스트로 무엇을 지적 (이미지 자체에 추가 또는 심지어)지도 근처에 "키"O "전설"을 표시하여 모바일 장치에서 이미지 맵이 더 많은 기능합니다. 예를 들어, 다음은 카탈로그에서 판매 일부 가구를 전시 가구 카탈로그입니다. 우리는 8 항목을 설명하는 이미지 아래에 텍스트를 배치했다. 추가 표시는 원본 이미지에 적용 하였다. 이 보조 모바일 시청자가 만질 무엇인지 도움이됩니다. 이러한 항목 중 하나를 터치하여, 당신은 당신이 유사한 항목에 대한 카탈로그를 찾아 볼 수있는 곳이있는 페이지로 다시 이동됩니다.

요구 사항 :

IE 9 이상

제한 사항 :

제한된 기능