An image map is when you place markers or clickable areas on top of an image. This is really useful for things like maps or diagrams that need some interactive labels.
In this video I take you through setting one up. For this example i’ll be adding pins to make of the USA.
Get the plugin here: https://www.wpeagle.com/imagehotspot
Heres the features of it, as written by the dev:
- Easy to install and setup with WordPress, live working preview of the HotSpot on the edit page, help you update HotSpot easily, something like wysiwyg (What You See Is What You Get).
- Draggable icons in the backend, let you update the hotspot’s position easily with mouse drag, you can see the demo video in YouTube.
- 4 directions of popover, can be in top, right, bottom and left.
- Responsive, works fine with small screen device.
- Compatible with latest jQuery(1.10.x) and latest WordPress.
- Multiple HotSpot instance on same page, unlimited HotSpot you can add to a image.
- Enqueue the js and css only when needed. Keep WordPress page size smaller.
- You can add/edit the Image HotSpot without touching the code. Customize/update the image and text with WordPress backend.
- CSS3 transition support, fade only on the older browser, like IE8.
- Optional auto delay slideshow.
- FAQ and source code are included in the package. Free update in the future.