Preview: Image Map HotSpot WordPress Plugin
The Image Map HotSpot for WordPress help you to display tooltip or annotation of your image with smooth CSS3 transition. You can choose to display the popover when user click or mouseover, and easily drag the icon to update the HotSpot’s position in the backend. The working live preview is available in the backend, something like wysiwyg (What You See Is What You Get).
Table of Contents
The HotSpot works fine on the backend preview but not showing in the frontend?
Please try to wrap the shortcode with raw, like:
[raw][hotspot id=789 /][/raw]
Some theme will add blank <p></p> to the content of the shortcode, this break the plugin. The raw tag will prevent it to add the unnecessary blank p tags.
For the prior buyers, how to update?
Just download the latest package from CodeCanyon, un-zip, upload and overwrite the files in your server, the data will be not lost with such update.
Update log
Jun 12, 2019 - ver 1.3.2 - Improvement: add display the icon as number option Feb 13, 2019 - ver 1.3.1 - Improvement: add global max-width option for the tooltip Oct 25, 2018 - ver 1.3 - update the design, now the icon support font awesome icon - note: the data is different with prior version, so you have to re-add the content again if want to use the font icons. The data is safe with updating, you can still use the prior 1.2.6 too. -- 8 Jun 2016 - ver 1.2.6 - Fixed the large image is hidden in admin backend, now you can drag icons with large image. - Some other small improvement. -- 2 Jun 2014 - Add pulse border option for each pin, you can choose the pulse border (black/white) in the setting too. - Make the popup item in the backend sortable, you can drag them to re-order. It's useful if the popup is in slideshow mode. -- 14 Feb 2014 Update the pin position in responsive, make it more consistent and precise in small screen. -- 2 January 2014 - Add custom pin icon support, now you can add your own custom pin icon in the setting. -- 22 December 13 - Fix the arrow is missing in the backend live preview of the WordPress 3.8 -- 21 October 13 - Different icon for hotspot in same image. - Optional popover size, background and color. - Optional label under the icon. - Icon drop in animation. - Hyperlink with the icon. - Experiment YouTube video popover.
Features
- 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.
See a review from Business Bluebird, and more review from the buyers:
“The perfect and straightforward image map plugin for Wordpress! Support is also exemplary and efficient. Stop looking, this possibly is the only image map you’ll ever need.”
styzer
“Great plugin and I have been looking for something like this for years.
Thanks, 100% satisfied.”darnellsmith
“Great plugin! Just what I needed. Way better than any other image maps.”
crashwebdesign
“Congratulations on your fast respond to requests, great job!
I recommend this plug-in .”freepixelweb
“I can’t tell you how excited I am about this software. I have struggled for nearly a year to get something that worked. No eternal hosting of photographs, no complicated code. And if I want to add another hotspot later it’s all there. My previous software I had to rebuilt the whole image map just to make a simple correction. – OK so a bit of HTML but nothing that can’t be cut and pasted from the text part of the site. Worth every penny!”
anogatzea
“This is an awesome plugin. The intuitive GUI allows you to edit the position of the hotspots in real time. HTML can be input directly into each hotspot for professional looking pop-ups with no back-end work. By using shortcodes to place the formatted image there are no conflicts with design elements. This is one of my favorite plugins!”
z64
Screenshot of the backend in WordPress:
HotSpot list
HotSpot edit page
You can also check the HTML/JS version
jQuery HotSpot plugin with slideshow
Recommended file:
Visual Composer Extensions All In One
Credit
jQuery http://jquery.com
Icons:
http://www.icojam.com
http://jonasraskdesign.com
http://www.graphicrating.com
http://yummygum.com
TMDb Pro – Movie & TV Show Details Plugin For The Movie Database
Image Map HotSpot WordPress Plugin
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here, content here, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.
Where can I get some?
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isnt anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
Download Image Map HotSpot WordPress Plugin Nulled
Download Image Map HotSpot WordPress PluginNote: If you are having trouble with Image Map HotSpot WordPress Plugin Nulled free Download, try to disable AD blocking for the site or try another Web Browser. If disabling AD blocker or change Web Browser not help to you please contact us.