Image Hotspots
Pins that explain a spot in the picture
Product shots, floor plans, diagrams and maps all have to say what is where. Until now that meant a caption underneath or text baked into the picture, and baked-in text blocks both translation and indexing. Pins sit on percentage coordinates, so they hold their place at any width, and when the picture is cropped the widget re-measures the visible area and maps the coordinates through it. Included in the Mr. Latte Membership (every widget on up to 2 sites). Unlimited pins while you are a member.
Demo
%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)
- Pins sit on percentage coordinates, so this one stays on the sun at any width.
- Two or three lines fit here, and every pin can carry a link.
A real widget, click a pin for that spot, Tab reaches every pin, and a narrow screen gets the list instead of the bubble
Integration
The same loader (bootsignal.js) powers your other widgets too. An active subscription is required to run the widget.
Pricing
Pricing is a single Mr. Latte Membership. It unlocks every widget on up to 2 sites and the paid features of the other Mr. Latte services too. Writing pins needs the membership; there is no usage limit, and reading is always free for visitors. See the price, join and manage it at accounts.mrlatte.net. See full pricing →