Image Map HotSpot with Lightbox WordPress Plugin
The Image Map HotSpot for WordPress assist you to to show tooltip or annotation of your picture with clean CSS3 transition. You can select to show the popover when person click on or mouseover, and simply drag the icon to replace the HotSpot’s place within the backend. The working stay preview is on the market within the backend, one thing like wysiwyg (What You See Is What You Get).
Each hotspot icon help non-compulsory pulse animation.
The hotspot icons may be displayed in numbers, after model 1.3.3, the hotspot additionally help Lightbox, you’ll be able to click on the icon to open a YouTube or Vimeo Lightbox, additionally help picture or google map Lightbox.
For the prior patrons, easy methods to replace?
Just obtain the newest package deal from CodeCanyon, un-zip, add and overwrite the recordsdata in your server, the information might be not misplaced with such replace.
The HotSpot works high-quality on the backend preview however not displaying within the frontend?
Please attempt to wrap the shortcode with uncooked, like:
[raw][hotspot id=789 /][/raw]
Some theme will add clean <p></p> to the content material of the shortcode, this break the plugin. The uncooked tag will forestall it so as to add the pointless clean p tags.
Update log
Nov 30, 2023 - ver 1.3.7 - Improvement: add alt and title to the picture, enhance accessibility. Jan 4, 2021 - ver 1.3.6 - Improvement: add extra icon choices, now you'll be able to select from 350+ icons, add variable icon measurement choices. - Improvement: extra responsive, now icons might be smaller on small system view. - Some different small enchancment. Sep 8, 2020 - ver 1.3.5 - Improvement: add non-compulsory pulse animation for every hotspot, you'll be able to select the built-in pulse shade too. July 29, 2020 - ver 1.3.4 - Fixed cannot publish the web page with WP_DEBUG enabled. Jun 6, 2020 - ver 1.3.3 - Improvement: add lightbox help for the hotspot, now you'll be able to click on the hotspot icon to open a YouTube/Vimeo video, picture or google map and so on. Jun 12, 2019 - ver 1.3.2 - Improvement: add show the icon as quantity choice Feb 13, 2019 - ver 1.3.1 - Improvement: add international max-width choice for the tooltip Oct 25, 2018 - ver 1.3 - replace the design, now the icon help font superior icon - be aware: the information is completely different with prior model, so you need to re-add the content material once more if wish to use the font icons. The knowledge is protected with updating, you'll be able to nonetheless use the prior 1.2.6 too. -- 8 Jun 2016 - ver 1.2.6 - Fixed the massive picture is hidden in admin backend, now you'll be able to drag icons with massive picture. - Some different small enchancment. -- 2 Jun 2014 - Add pulse border choice for every pin, you'll be able to select the heartbeat border (black/white) within the setting too. - Make the popup merchandise within the backend sortable, you'll be able to drag them to re-order. It's helpful if the popup is in slideshow mode. -- 14 Feb 2014 Update the pin place in responsive, make it extra constant and exact in small display. -- 2 January 2014 - Add customized pin icon help, now you'll be able to add your personal customized pin icon within the setting. -- 22 December 13 - Fix the arrow is lacking within the backend stay preview of the WordPress 3.8 -- 21 October 13 - Different icon for hotspot in identical picture. - Optional popover measurement, background and shade. - Optional label beneath the icon. - Icon drop in animation. - Hyperlink with the icon. - Experiment YouTube video popover.
Features
- Easy to put in and setup with WordPress, stay working preview of the HotSpot on the edit page, assist you to replace HotSpot simply, one thing like wysiwyg (What You See Is What You Get).
- Draggable icons within the backend, allow you to replace the hotspot’s place simply with mouse drag, you’ll be able to see the demo video in YouTube.
- 4 instructions of popover, may be in high, proper, backside and left.
- Responsive, works high-quality with small display system.
- Compatible with newest jQuery(1.10.x) and newest WordPress.
- Multiple HotSpot occasion on identical web page, limitless HotSpot you’ll be able to add to a picture.
- Enqueue the js and css solely when wanted. Keep WordPress web page measurement smaller.
- You can add/edit the Image HotSpot with out touching the code. Customize/replace the picture and textual content with WordPress backend.
- CSS3 transition help, fade solely on the older browser, like IE8.
- Optional auto delay slideshow.
- FAQ and supply code are included within the package deal. Free replace sooner or later.
See a overview from Business Bluebird, and extra overview from the patrons:
“The good and easy picture map plugin for WordPress! Support can also be exemplary and environment friendly. Stop wanting, this presumably is the one picture map you’ll ever want.”
styzer
“Great plugin and I’ve been in search of one thing like this for years.
Thanks, 100% glad.”darnellsmith
“Great plugin! Just what I wanted. Way higher than every other picture maps.”
crashwebdesign
“Congratulations in your quick reply to requests, nice job!
I like to recommend this plug-in .”freepixelweb
“I can’t inform you how excited I’m about this software program. I’ve struggled for almost a 12 months to get one thing that labored. No everlasting internet hosting of images, no sophisticated code. And if I wish to add one other hotspot later it’s all there. My earlier software program I needed to rebuilt the entire picture map simply to make a easy correction. – OK so a little bit of HTML however nothing that may’t be lower and pasted from the textual content a part of the positioning. Worth each penny!”
anogatzea
“This is an superior plugin. The intuitive GUI permits you to edit the place of the hotspots in actual time. HTML may be enter immediately into every hotspot for skilled wanting pop-ups with no back-end work. By utilizing shortcodes to position the formatted picture there are not any conflicts with design parts. This is one in every of my favourite plugins!”
z64
Screenshot of the backend in WordPress:
HotSpot list
HotSpot edit page
You also can examine the HTML/JS model
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