Divide an image into multiple hotspot areas, where each hotspot corresponds to an internal link. Clicking on different hotspot areas will navigate to their respective links. Additionally, implement a hover preview feature: when the mouse hovers over a hotspot area, a preview window should pop up to display the content of the linked page (similar to the preview effect when hovering over a innerlink).
Application Example:
A continental map contains multiple countries, each with its own profile page. When hovering over a countryâs area on the map, a preview window displays its profile summary. Clicking the area navigates to the full country profile page.
Hi @catty, great idea. Just a few follow up questions:
How are you looking to add hotspots, divide it equally into parts(halves, quadrants), be able to draw a rectangle over spots of the image or free-form shapes?
You mentioned hovering should display linked page, but what about clicking, should that open a new pane to linked content or the same pane?
Do you want the hotspot function to be available in editing, preview mode or both?
Would a sidebar or floating editor be more convenient?
I would like to be able to draw rectangles (polygons would be even better, but since my requirement for hotspot contour precision isnât very high, rectangles would suffice) on images using new layers or masks, and then define hotspots.
Regarding clicks on hotspots, my personal need is to redirect to corresponding pages within the original pane.
This functionality only needs to be available in preview mode - editing mode can omit it.
I think having a toolbar-style interface for operations would probably be more convenient?