Comments on: Revisiting the HTML image map

By: Steven

Steven — Mon, 08 Aug 2011 10:48:15 +0000

is it possible to use the same script twice on a single page? I have two different diagrams with 2 separate map areas. They need to run independently from each other. Thanks.

By: Steven

Steven — Tue, 19 Jul 2011 11:24:34 +0000

Thanks a lot for this. I was looking for a solution without using Flash and this was spot on

By: John Pitchers

John Pitchers — Fri, 27 May 2011 14:34:43 +0000

Hi Ian, thx for the code and explanations. With a little JQuery fading I was able to use your code to create the image map on this page. http://bit.ly/jsPhe7 Works a treat.

By: Nathaniel

Nathaniel — Thu, 05 May 2011 14:05:31 +0000

I am basing a Joomla component off what you’ve done here. Thanks for the help.

By: admin

admin — Tue, 03 May 2011 09:14:54 +0000

@Chris: Just remove the entire …moveover/…mouseout section of the jQuery.

By: admin

admin — Tue, 03 May 2011 09:12:06 +0000

@Lisa: I used Dreamweaver, which worked pretty well. No free alternative comes to mind unfortunately.

By: Thyx

Thyx — Tue, 03 May 2011 07:50:13 +0000

simple et effective !
thanks for this great piece of code

By: Elvin Xhimitiku

Elvin Xhimitiku — Wed, 20 Apr 2011 10:49:16 +0000

You are officially an html BAD ASS!!! Great post and good use of the html image map

Cheers mate

By: Chris

Chris — Mon, 11 Apr 2011 21:21:33 +0000

Would it be possible to disable the hover state in favor of just a click to make things easier for an ipad/iphone user?

By: admin

admin — Fri, 08 Apr 2011 13:23:38 +0000

@Ian: The rapid flash is most likely due to the image map being on the layer you are fading in&out. Instead it should be on an invisible layer overlaying the graphics. Most likely, check the final section of the article, this same issue had me snaked for a while as well…

By: Steve

Steve — Fri, 08 Apr 2011 13:12:51 +0000

Thanks for sharing – nice work.

By: Vladimir

Vladimir — Wed, 06 Apr 2011 20:18:19 +0000

Thank you so much for the example. Simple and reliable. NO FLASH it’s great.

By: Ian

Ian — Thu, 17 Mar 2011 16:31:22 +0000

Hi,

Great tutorial and I’ve almost got it working. However, when I mouse over an area in my map it flashes rapidly whenever I move the mouse – looks horrible.

I used Dreamweaver CS5 to create the map hotsposts. There is only 1 territory on the map with the functionality added yet – Australasia – if you move your mouse over it you’ll see what I mean.

Here is a link to the page http://www.ycdevelopment.co.uk/yc-site/image-map-highlight.php

By: plong0

plong0 — Sun, 13 Mar 2011 10:09:51 +0000

Excellent work Ian!
Thank you so much for sharing your clever solution with us.

By: Ric

Ric — Thu, 03 Mar 2011 15:59:24 +0000

Ian, GREAT work. I thought I was going to be SOL when it came to using an image map. You’re my hero, LOL.
Ric