이미지 핀 설명
그림 속 한 지점을 짚어 주는 핀
제품 사진, 도면, 지도처럼 어디가 무엇인지 설명해야 하는 그림이 있습니다. 지금까지는 캡션으로 풀거나 이미지에 글자를 구워 넣었지만, 이미지에 글자를 넣으면 번역도 색인도 막힙니다. 핀은 퍼센트 좌표로 얹기 때문에 화면 폭이 바뀌어도 자리를 지키고, 그림이 잘려 있으면 표시 영역을 다시 측정해 맞춥니다. Mr. Latte 멤버십에 포함됩니다(사이트 2곳까지 모든 위젯). 멤버십 기간에는 핀 작성량에 제한이 없습니다.
데모
미리보기%27%2F%3E%3Ccircle%20cx%3D%27296%27%20cy%3D%2784%27%20r%3D%2732%27%20fill%3D%27%23fff7ed%27%20opacity%3D%27.92%27%2F%3E%3Cpath%20d%3D%27M0%20196%20Q100%20150%20200%20186%20T400%20172%20V260%20H0Z%27%20fill%3D%27%235b21b6%27%20opacity%3D%27.5%27%2F%3E%3Cpath%20d%3D%27M0%20226%20Q120%20192%20240%20216%20T400%20206%20V260%20H0Z%27%20fill%3D%27%234c1d95%27%20opacity%3D%27.82%27%2F%3E%3C%2Fsvg%3E)
- 핀은 퍼센트 좌표로 배치되어 있어 폭이 바뀌어도 해 위에 그대로 붙어 있습니다.
- 설명은 두세 줄까지 넣을 수 있고, 핀마다 링크를 걸 수도 있습니다.
실제 위젯입니다. 핀을 누르면 해당 지점의 설명이 열립니다. 탭 키로도 차례로 이동할 수 있고, 좁은 화면에서는 말풍선 대신 아래 목록으로 접힙니다
연동 설정
같은 로더(bootsignal.js)가 사이트의 다른 위젯도 함께 동작시킵니다. 위젯 작성, 표시에는 활성 구독이 필요합니다.
요금
요금제는 Mr. Latte 멤버십 하나입니다. 멤버가 되면 사이트 2곳까지 모든 위젯을 쓰고, 다른 Mr. Latte 서비스의 유료 기능도 함께 이용합니다. 핀 작성(쓰기)에는 멤버십이 필요하지만 작성량 제한은 없으며, 방문자의 읽기는 항상 무료입니다. 요금 확인과 가입, 관리는 accounts.mrlatte.net에서 합니다. 요금제 자세히 보기 →