Unfortunately WordPress 5.6 semi-breaks this plugin. While it still functions as it is supposed to for the most part, the cool “highlight” effect when you run your mouse over the different image map “hot spots” is no longer working. ??
This makes me very sad. Can anyone recommend any kind of alternative? It appears this plugin is no longer being developed. ??
]]>I created an imagemap, then I click on the view button and I see an empty page only..
I tryed also to disable all other plugin but I get the same result.
I have the image map areas properly highlighted on my image, but when I preview the page the mapping is not matching the selected areas’ parameters I highlighted.
]]>This is not a support question, just info: As of some WordPress version after 5.5, ImageMapper started causing mayhem in a number of other plugins and I had to uninstall it. Among others:
– Popup maker popups won’t display at all
– Content Views posts show without thumbnails
– “Responsive Lighbox and Gallery” doesn’t work properly
There are probably others, these were the showstoppers for me.
RP
]]>Hello,
I use Imagemapper successfully for 2 years.
BUT…
It would be nice if for every link inserted in a map, I can choose a destination: self or blank. Currently, it is necessarily self and it poses me a real problem.
The only solution I found is to open pop-ups with html code and the blank tag …
Could one imagr one day have a simple radio button that allows to choose this destination blank.
Thank you in advance.
Alain.
Hi Guys,
This is a very useful plugin, but there is one thing I was wondering whether could be achieved with a small hack (Based on the config options, it seems not to be supported):
Ability to select more than one action when hovering over an area. My specific need is to be able to display a tooltip string AND have the area clickable to a link.
I am hoping a small modification could be done. (If this were to be considered as a new feature, I guess you would replace the 3 radio buttons with 3 checkboxes??)
In any case, thanks again
Dennis
]]>This is a simple issue & simple fix. The “Add New” link for adding a new highlight style when editing a region goes to the incorrect URL. Meanwhile the Highlight Styles page & its functionality is working fine.
All that’s involved is editing the imagemapper.php replacing edit.php?post_type=imagemap_area&page=imagemapper.php with edit.php?post_type=imagemap_area&page=imagemap-area-styles.
I’d love to see this officially implemented in the plugin. Also, as I’ve stated in https://www.ads-software.com/support/topic/bug-fix-need-latest-version-of-imagemapster-script-to-prevent-jquery-issue/ (another bug fix that hasn’t been patched into the plugin after more than a year), it would be nice to have this plugin listed on GitHub (or similar) so patches can be suggested and adopted much quicker & easier considering the limited development for this plugin currently.
]]>Hello guys , recently I’ve been struggling with optimizing a js script of this plugin. I’m working on a project which is build across this plugin.
The question: I got a few maps where they have 3-5 areas which are loaded pretty fast but there is one pretty large one where 60 or even 70 areas are loaded. They are loading with lag. I mean on the first page load, the page is more likely to freeze on loading all maps.
I’ve tried to load areas which are placed in array ( as i understood ) dividing them to chunks but i failed , maybe someone already accomplished this ?
The code that I tried to implemente:
function chunk(arr, chunkSize) {
var areas = [];
for (var i=0,len=arr.length; i<len; i+=chunkSize)
areas.push(arr.slice(i,i+chunkSize));
return areas.mapster('highlight', render_highlight.key);
}Edit: Im trying to load chunks onMouseOut function.
onMouseout: function(){
$.each(areas, function(key, render_highlight){
$(map).mapster('highlight', render_highlight.key);
}
}Hi there.
I am using X theme in my WordPress, which means Coernerstone editor, and I can’t select image map with your plugin…
Any idea ?
Thanks !
When the portfolio page opens, the image is perfect, and the image map areas are in their correct places.
When I click on the image map area to take me to another page in my site, and then go back to the portfolio page afterwards, the image is stretched width-wise, and the image map areas are all displaced.
Any help would be greatly appreciated.
]]>I created a pagination image map to go on 11 pages. I created one image map that each number has an map that goes to each of the 11 pages. The issue is that I need this on 11 pages, AND I want a different image on each page to highlight the selected page number you are currently on.
Can I duplicate the image map that has all the links but change the image for each.
I’m trying to avoid creating 11 different image maps for each page.
]]>Hello. I have the source code in the tooltip accommodated, what can I change in the script, so that the Tooltio closes again when leaving the area area? Thanks and greetings from Bavaria
]]>hi,
I am using this plugin on the latest wordpress version. I cannot see page (error: Oops! That page can’t be found.
It looks like nothing was found at this location. Try the search below.)
Is it the problem with the wordpress version or something else..
Tnx
Hi
How can i add close button in New popup layout?
My site is running on WordPress version 4.8 and Enfold theme version 4.0.7
I found the problem.
- Popup show behind other image – I already set Use new popup layout to Yes but it is still behind
- When hover image – mapper works fine on Desktop (1680px*1050px) but seems to move on laptop (1366px * 768px)
Desktop version
Laptop version
But I checked on database – coords values is correct on Laptop version
Anyone found like this?
Hi ,
I want to highlight all the area by default on map which have been selected from admin panel..I dont wnat it on hover.
Can anyone help me with this?
Thanks in advance
I want to show only the separated mapping area in popup. Please help me in your reply.
]]>I use ImageMapper as well as NextGen Gallery, and when ImageMapper is active one of NextGen’s Menu Pages, “Other Options” is not visible, and only Administrator level Users can see the NextGen Item in their side Menu or when composing pages. Editor level Users and lower see no menu items for NextGen. If I deactivate ImageMapper then NextGen works perfectly.
I have reported this to Photcrati NextGen ( https://www.ads-software.com/support/users/photocrati/ )who have asked me to report it to you so that you may review and update your code as needed. They say that, “Given its age there may be things in a potentially planned refactor that would resolve these issues”.
You can see the dialogue of my report to them on this link
https://www.ads-software.com/support/topic/gallery-other-options-menu-not-available/#post-9149888
As ImageMapper is an essential part of my website I must retain it, but it does make use of NextGen difficult because Editor level Users cannot in practice use NextGen.
Many Thanks
Hello
Sorry, I’m a Newbie to imagemapper. I created an image map, drew my areas (28 of them); individually linked each area to other url’s when clicked and inserted the image map into a page and published it. The image appears, but with no clickable areas.
The map is here: https://thinkaboutfaith.org/find-local-christadelphians/ Clicking on the dots should take you to other websites.
Any suggestions what I am doing wrong?
Thanks
]]>I have an image map that I would like to link to my email address. I can’t figure out how to do it.
This is the link to the page:
https://musiclessons.creataholic.ca/homework-hotline/
Why is a Google Map showing up under my image and how can I make it disappear?
—
Many Blessings!
Hello,
This requires you’ve got the tooltip+dialog setup;
https://www.ads-software.com/support/topic/popup-tooltip/
Once that’s in place if you want the tooltip to open the dialog then edit the imagemapper_script.js adding to the $(this).mapster({ options;
onShowToolTip: function(e) {
e.toolTip.click(function(){
OpenImgmapDialog(e.key, $('map[name="' + $(map).attr('usemap').substr(1) + '"]').get(0));
$(map).mapster('tooltip', false);
});
},Bonus is to add cursor: pointer to the tooltip so looks like a link;
.imagemapper-tooltip:hover { cursor: pointer; }
Hope that helps someone,
Cheers
Hello,
Wanted to share, I found when I had the tooltip set-up it would be placed directly overtop the area and I wanted to displace it, so added the following to $(this).mapster({
onShowToolTip: function(e) {
e.toolTip.css({ left: (parseFloat(e.toolTip.css('left')) - 10) + 'px', top: (parseFloat(e.toolTip.css('top')) - 10) + 'px' });
},Change the 10 to your needs.
Cheers
]]>I have a small problem with the pop up, it opens behind the map (some part of the pop-up is visible). And i can not find any settings to the pop up. Anyone have a solution?
]]>I need some changes inside (single-imgmap-dialog.php) popup window.
If area color green{
show content;
} else {
show something else;
}
??
How to get area color here?
Please help me create function for this.
[ No bumping please. ]
]]>I am using magento fishpig integration which integrate wordpress with magento , when i am using the imagemapper plug in associate the created image map with any blog ,the mapped image is not showing into the frontend, it is shopwing this only “[imagemap id=”6940″]” into my blog. Any help would be appreciated.
]]>Hello,
I just wanted to share a quick little jQuery snippet for making ImageMapper images responsive;
// Responsive ImageMapper - Resize Mapster on Window Resize
jQuery(document).ready(function($) {
if ($('img[usemap]').length) {
$(window).resize( function() {
$('img[usemap]').each(function() {
$(this).mapster('resize',$(this).closest('.imgmap-frontend-image').width());
});
});
}
});
Note: You need to make sure this is enqueued after the imagemapper scripts and jquery.
Hope others find this useful,
Cheers
Hi all.
Is it possible to have a popup and tooltip together. There is a post which combine tooltip + link.
Ty all.
]]>I noticed this plugin’s currently using version 1.2.8 of the ImageMapster script (from 12/30/2012), but version 1.2.14 (from 6/18/2013) is the current version located on the script’s official GitHub page (see: https://github.com/jamietre/ImageMapster/blob/master/dist/jquery.imagemapster.min.js)
I found this out because I noticed that the version of the script included with this plugin was calling $.browser.msie, but jQuery hasn’t supported that in the 1.x version of jQuery for quite some time (therefore causing a javascript error, breaking responsive-sized image areas, preventing tooltips from showing, etc.)
This plugin should be updated to use the current jquery.imagemapster.min.js file from https://github.com/jamietre/ImageMapster/blob/master/dist/jquery.imagemapster.min.js to fix these issues. I’d imagine this would be a quick fix since you just need to swap out that one file. I’ve implemented this fix myself on sites that need it, but I’d love to see this adopted by the official plugin as I’m sure many others are experiencing the same issue.
As an aside, it might be nice to have this plugin listed on GitHub (or similar) so patches can be suggested and adopted much quicker & easier considering the limited development resources for this plugin currently.
Thank you!
Kurt
When you hover over my map the highlights display for a very short time. Can I lengthen this time?
]]>