maphilight: image map mouseover highlighting

UPDATE 2010-05-22: Version 1.2 released. Works in IE8.

I just released maphilight, a jQuery plugin that turns image maps into wonderful graphical masterpieces.

Image maps aren’t so popular any more, for some strange reason. So a quick definition: an imagemap is an <img> with the usemap attribute, pointing to a <map> that describes polygons that link places within that image.

This sprung from me wanting to display pretty highlighting of countries on a map, but not wanting to mess with flash for it. It involves enough annoying fiddling with <canvas> (and VML, because IE is in the stone age) that I feel I’m saving other people a decent amount of work by releasing it.

Simple demo
Pretty demo using a world map
Documentation
Download (requires jQuery)

(Tools like “ HTML-Image map Creator WYSIWYG” might be handy if you want to make image maps yourself.)

Comments (72)

  1. Discover your plugin and I liked a lot, on this website I could make a small development with drupal and Maphiligh.

    If you want to see it working this is the link:
    http://www.economiasolidaria.org/mapas/
    Thank you for your work.

    Greetings

    http://www.investic.net/blog/karlos/

    Monday, May 19, 2008 at 7:41 am #
  2. marc wrote::

    hi david,
    great plugin. and smart done. i wondered some time how you get borders around non rectangles. then i peeked into the plugin and saw you did it with canvas. very nice!
    but maybe you can help me with a question?
    i need an option to have one area active by default. like your alwaysOn option, but not for the whole map, but one area. would this be possible??

    i’m like 90% done and now i can’t find a way to do this :-(

    best regards,
    marc

    Wednesday, July 23, 2008 at 7:48 am #
  3. David wrote::

    Hi Marc,

    You can see that sort-of working if you look at the in-development code.

    It’s updated so that, if you’re using jQuery’s Metadata plugin then you can give individual areas the alwaysOn option. Take a look at demo_simple.html for an example.

    It works perfectly in Firefox and Safari, but the alwaysOn shapes don’t appear at all in IE currently. It’s a layering thing, I think — the alwaysOn ones are being rendered behind everything else.

    It’s sort of awkward for me to debug on IE at the moment, so this is likely to advance in fits and starts. If you decided to take a look at it yourself and made any progress, I’d be happy to accept patches.

    Thursday, July 24, 2008 at 10:01 pm #
  4. Dena wrote::

    Hi David,

    Love what you’ve put together here–well done.

    I was wondering if you planned to add any functionality that would highlight all shapes that share a title (i.e.: all of Hawaii instead of just one island at a time). I can see how it could be done, but don’t have the programming chops to do it.

    Thanks!

    Sunday, July 27, 2008 at 6:20 pm #
  5. Billy wrote::

    I love the alwaysOn feature. I hope you can debug it for IE since 90% of the browsers in use are IE.

    Wednesday, August 13, 2008 at 6:01 am #
  6. Billy wrote::

    David,

    I’ve been debugging the maphilight.js code and it looks like $.fn.maphilight is not being called in IE. I put an alert statement as the first line of the $.fn.maphilight function and it gets called in firefox, but not in IE.. Could this be the problem?

    Great app!

    Friday, August 15, 2008 at 5:10 am #
  7. Billy wrote::

    sorry, the function does get called but for some reason the alert is handled right.. I hope that this somehow gives you an idea of where the error could be coming from..

    Thanks!

    Friday, August 15, 2008 at 5:25 am #
  8. Tim wrote::

    Hi David,

    First of all, thanks for this great piece of code.

    I’m using your feature to implement a postalcode map of The Netherlands. The highlighting works smoothly. I also added overlib with a mouseover event to communicate the postalcode region including two or tree major cities inside the postal region. I’m trying to make the map work together with Xajax. Based on an onclick event i’m calling a Xajax function to save the clicked postalcode region in the database. What i would like to do after the xajax call is highlight the clicked region as AlwaysOn (using class=”{stroke:false, fillColor:’EAEAEA’, fillOpacity:0.2, alwaysOn:true}” on the area element).

    I assign this class element using something like $objResponse->assign(‘area_id’, ‘class’, “{stroke:false, fillColor:’EAEAEA’, fillOpacity:0.2, alwaysOn:true}”);

    The thing is it will not highlight with always on.

    I tried to call $objResponse->script(“$(‘.map’).maphilight({fade: false})”); after the class assignment but it will not show. Is there a(nother) way to dynamically show the always on highlight?

    Thanks Tim.

    Thursday, August 21, 2008 at 4:44 am #
  9. David wrote::

    Tim,

    This wasn’t possible until about 5 minutes ago. I just changed how it works — it used to refuse to touch an image a second time, now it cleans up all the cruft it put around it and regenerates with the new options.

    All you have to do is call `$(‘#your_image_id’).maphilight(options)` again, and it’ll regenerate everything, including any changes you’ve made to the individual area tags.

    Take a look at http://github.com/kemayo/maphilight/tree/master to see this in action — it’s currently not in an officially released version.

    Let me know if this works for you — if it does, it’s time for another release, and if it doesn’t, I’ll play with it a bit more to get things working right.

    Friday, August 22, 2008 at 9:07 pm #
  10. Tim wrote::

    Hi David, Thanks for your fast reply. This really helps me getting a step further. Now i kan dynamically reload the map by using the new call method. For example: $(‘#image_id’).maphilight({fade : false}).

    Using this method it’s possible to call this from Xajax an reinit the map. Thats great. Now comes the ‘but’. The problem seem to occur with the metadata and always on feature. After selecting an area and execute a xajax command on the onclick event + reloading the map with the new feature it does not see the always on setting on line 165 (new version on github) if you put an alert between the lines 165 and 166: if(area_options.alwaysOn) { alert(‘alwayson’);
    if(!canvas_always) {

    it doesn’t see a class=”{metadata-options}” just set with xajax.

    it only sees hardcoded metadatasettings. On page load i also assign the metadata class so at that point everything is fine. It seems a context problem. I’ll try to figure out if this could be fixed.

    I also experience a ‘glitch’ if you put the image map inside a div which had a style display:none;. The metadata / always on area’s will not display. I played a little with visibility instead of display:none/block. If you use visibility instead of display the areas will be filled but visibility had it’s limitations.

    Saturday, August 23, 2008 at 2:33 am #
  11. Tim wrote::

    Some progress…

    It seems Xajax cannot assign a class attribute to a area-element. Metadata can be pulled out of a class=”{options}”, data=”{options}” of a tag inside te element. The last option will not work because we cannot close an area tag. So script cannot be surrounded by this tag. This leaves us with class and data. Also data cannot be used. I think due top the fact it’s not DOM on the area element. I tried to use the ‘lang’ attribute for testing. This you can assign to the area element using Xajax and if you use this init:

    $(function() {
    $.metadata.setType(“attr”, “lang”);
    $(‘.map’).maphilight({fade: false});
    });

    It will be picked up if you reload the page. So i can conclude metadata could be read out of the ‘lang’ attribute. (remember this is testing and maybe a workaround not a real solution).

    I tell xajax to first assign the metadata to the lang attribute and after complete a second xajax call to reload the map with the new feature. But to bad still, although the metadata is now for sure present in the area element (inside the lang-attr.) is will nog mark it as AlwaysOn on the reloaded map….

    Saturday, August 23, 2008 at 4:22 am #
  12. Tim wrote::

    Made a stupid mistake… you can infact assign a class to AREA with assign className. But it still not shows it as always on on mapreload.

    Sunday, August 24, 2008 at 2:56 am #
  13. Daniel wrote::

    Hi,
    I have a small problem. My map contains area into area and I am needing fill only outer area. Heve you any ideas?

    Saturday, August 30, 2008 at 5:25 am #
  14. Nielsos wrote::

    David, thanks for this great script; it works smoothly!

    I made a few modifications so the user is able to select and de-select a shape. I believe this mod solves Tim’s problem as well.

    The script, and a working example can be found on the following location: http://formidablo.nl/jquery/.

    Grtz,

    Nielsos

    Friday, September 5, 2008 at 3:23 am #
  15. Nielsos wrote::

    I forgot to mention that every shape should have an id-tag with a unique value.

    Friday, September 5, 2008 at 3:26 am #
  16. Nielsos wrote::

    I’ve added extra functionality:

    Link shapes with the “linked” attribute. Every shape with the same linked value will be turned on and off simultaneous

    Example: class=”{alwaysOn:true,linked:1}”

    http://formidablo.nl/jquery/index.html

    Sunday, September 7, 2008 at 6:21 am #
  17. Felix Nagel wrote::

    Hey there, cool script but is there any option (or can you tell me where to start implementing it) to highlight an area from outside? For example by pressing a button?

    Tuesday, September 23, 2008 at 8:33 am #
  18. some map guy wrote::

    Great work on this plugin. Anyone else have problems with it working on IE7? Seems to have hilite at all on:

    http://davidlynch.org/js/maphilight/docs/demo_simple.html

    Works great in all other browsers I’ve tested. Could there be a small annoying IE idiosyncracy that prevents this from working?

    Wednesday, September 24, 2008 at 8:52 am #
  19. Ian Tresman wrote::

    Very nice plug-in. I’d very much like to add some text to the highlighted area. Is it possible to have an associated floating DIV (like a tooltip). I want to show captions based on the AREA’s title tag.

    Tuesday, October 7, 2008 at 10:32 am #
  20. Pinney wrote::

    Great plugin. I’m trying to figure out how to toggle the highlight when a map area is clicked. I will figure it out eventually, but figured I’d check w/you b/c I figure there’s probably just one line of code necessary to do it that I haven’t figured out yet.

    Thursday, October 9, 2008 at 10:51 am #
  21. Ian Tresman wrote::

    I’d love to add a caption based on the image map AREA title tag, but I can’t figure out how to show any text with canvas-generated maphilight.

    Monday, October 13, 2008 at 7:15 am #
  22. Ian Tresman wrote::

    If I try and print an image to which maphilight is associated, the image does not appear. Is there a way to disable Maphilight when I print, or some CSS that can be placed inside
    @media print { .. }

    Saturday, October 18, 2008 at 2:57 pm #
  23. Kit Eglinton wrote::

    Thanks for a brilliant plugin. As a newbie to jquery, is there an easy way to trigger other stuff from inside your code. I’m hiding/showing text depending on an area of the image? Thanks again

    Wednesday, November 19, 2008 at 6:44 am #
  24. john wrote::

    alwaysOn does not seem to be working with IE. In the simple demo the squid does not have solid colouring.

    Monday, November 24, 2008 at 4:38 pm #
  25. nielsos wrote::

    Pinney, see http://formidablo.nl/jquery/index.html

    for a example!

    Thursday, December 4, 2008 at 7:33 am #
  26. Ismail wrote::

    David,

    Excellent plugin. I have created my image map all works fine in all browsers except ie 6/7. Is there a hack/fix for this?

    Many thanks

    Tuesday, January 20, 2009 at 11:14 am #
  27. s.celles@gmail.com wrote::

    Hello,

    This is js script can be very usefull to me.
    I would like to make a map for the website of the school where I work.
    But I’d like that the name of the room appears when mouse is over the room.
    What should I change in your script to do this ?
    A better idea could be to change font size of the name of the room when mouse
    is over (increase size when mouse is over).
    The name of the room could be in the title or alt attribute of the “area” tag (or in a floating div)
    Do you have any idea to do it easily ? (and well supported by most
    of modern browsers and standard compliant).

    Kind regards

    Wednesday, January 21, 2009 at 10:57 pm #
  28. mike wrote::

    This plugin is great, but I’ve been trying to get it to work with the jquery imagetool plugin, and haven’t had much luck, I thinking I’m getting mucked up with the canvas. http://code.google.com/p/jquery-imagetool/

    Anyone else tried to combine these two and had much luck?

    Tuesday, January 27, 2009 at 6:32 pm #
  29. one wrote::

    great script, thanks a lot for it, but doesn’t work in latest Opera 9.63 under win XP, when I open Simple demo I get:

    CSS – http://davidlynch.org/js/maphilight/docs/demo_simple.html
    HTML style attribute
    Invalid value for property: width
    Line 1:
    width:undefinedpx;height:undefinedpx;
    ——————^
    CSS – http://davidlynch.org/js/maphilight/docs/demo_simple.html
    HTML style attribute
    Invalid value for property: height
    Line 1:
    width:undefinedpx;height:undefinedpx;
    ————————————-^

    what’s wrong?

    thanks

    Tuesday, February 17, 2009 at 2:22 am #
  30. 24track@gmail.com wrote::

    Hi,

    I notice there is a long list of support requests at jquery.com. Is this plugin still being maintained/developed?

    Tuesday, March 3, 2009 at 8:02 pm #
  31. alex wrote::

    Is it possible two highlight an area from another element, i.e. by hovering a link?

    Monday, March 16, 2009 at 1:08 am #
  32. Bert Goethals wrote::

    @alex

    It’s quite simple, just let the element send it’s hover over tot the area you want to highlight.

    This is what i did

    $(‘ul.picture_tags li’).mouseover(function(){
    $(‘area#’+ this.id.replace(‘hover_’, ”)).mouseover();
    }).mouseout(function(){
    $(‘area#’+ this.id.replace(‘hover_’, ”)).mouseout();
    });

    Anyone know if this is still maintained?

    Monday, March 16, 2009 at 10:02 am #
  33. alex wrote::

    thank you for your quick response. i tried your code, but it seems not to work – the area is not highlighted. do you have an example page to look at?

    Monday, March 16, 2009 at 3:25 pm #
  34. Doug wrote::

    Awesome work on this plugin…exactly what I needed and using some pretty cool techniques to get there. Saved me a bunch of time!

    Tuesday, March 31, 2009 at 8:24 am #
  35. deeva wrote::

    Just wanted to say “thanks a lot!” for saving me a bunch of time with your great plugin! Works like charm although fading is not going well with the ies up till now. I don’t care cause it’s much more I expected. :)

    Wednesday, April 29, 2009 at 6:41 am #
  36. bob wrote::

    again: very nice work.

    Once thing i don’t get, i read people saying it does not work in IE6,7 but i just test the example and it works great in IE6,7. The only issue is that in IE8 the highlight does not work, only the link. but if you put it in “compatibility view” which emulate IE7 basically.

    But again: very nice work. save me a lot of time. Hopefully someone will find a fix for IE8.

    Tuesday, May 19, 2009 at 9:08 pm #
  37. Ron Berath wrote::

    Many thanks for this!! I have added this into one of my posts

    Wednesday, June 10, 2009 at 1:08 am #
  38. Gordon wrote::

    I’d like to donate some money to help update this plugin for IE8. This is very useful to me. Can you contact me.
    Cheers

    Friday, June 19, 2009 at 9:41 am #
  39. OOzy wrote::

    Hello,

    Good work. Any news with IE8.

    Thank you

    Saturday, June 20, 2009 at 9:44 am #
  40. Kris wrote::

    Is is possible to associate an image map area with a background image? In addition, i would like to be able to change the underlying background image depending on the values returned by a javascript method, when user clicks on a hotspot. Really urgent need, so would appreciate any help….thanks in advance.

    Thursday, July 30, 2009 at 9:16 am #
  41. Steve wrote::

    Hi there. First off, your script is SWEET, RAD, AWESOME! I am however wondering if it’s possible to select default areas dynamically and to clear all selections dynamically. I’m using your tool for a realtor Website and I need to select areas by default for the user. Is there any way to do this? Thanks man!

    Friday, July 31, 2009 at 8:33 am #
  42. Sandro wrote::

    Great plugin, thanks.
    What about the IE8 Issue?

    Wednesday, August 5, 2009 at 2:15 am #
  43. H.Eisner wrote::

    Hi – About making this work for IE.
    Could it be the opacity that is not set as IE expects?
    Look here: http://www.quirksmode.org/css/opacity.html

    Monday, August 10, 2009 at 3:59 am #
  44. AuReality wrote::

    A very nice plugin indeed.
    About the Opera bug mentioned by ‘One’: I got it to work by
    explicitly giving the map-image a width and height attribute (note: NOT a style attribute like
    style=’width:500px;height:500px’ but the old-fashioned way: width=’500px’ height=’500px’)

    O, when will the day come…..

    Monday, August 10, 2009 at 1:06 pm #
  45. H.Eisner wrote::

    About highlighting from link (post 32 by Bert Goethals)
    did anyone make this work?
    I get an error on first line starting with: $(’ul.picture_tags li’)

    Tuesday, August 11, 2009 at 4:44 am #
  46. H.Eisner wrote::

    Actually – found the error – I just needed to retype the single quotation marks.
    BUT I still cannot make it work.
    Has anyone a complete sample?

    Tuesday, August 11, 2009 at 4:47 am #
  47. IE8 bug wrote::

    About the IE8 bug; seems like IE8 doesnt’ like this:
    ——-
    addRule(“v\\:*” —– v\\:* must be a selector for IE

    Monday, August 24, 2009 at 1:57 am #
  48. Davi, thank you for mention my Image Map Generator :)

    Monday, August 24, 2009 at 1:02 pm #
  49. bob wrote::

    ******** YEAH !!!! ********

    i found a fix for IE8 maphilight issue here: http://stackoverflow.com/revisions/1169252/list

    i applied the fix and it worked. The one who posted that fix says that he is not sure if it does not break anything in IE6 and 7; but it did not on my side at all.

    I’m still trying to figure out how to hilight a map area from a link, anybody?

    Tuesday, August 25, 2009 at 1:36 am #
  50. Jen wrote::

    I love this script!

    Does anyone know how to toggle a country on and off in the code? Or perhaps highlighting a country by clicking on a link?

    I didn’t want to use the other online maps because this script is really lightweight and fast.

    Tuesday, August 25, 2009 at 11:09 pm #
  51. Kevin wrote::

    Can multiple highlights be used, have California highlighted by default then also another highlight when mouse over?

    Tuesday, September 22, 2009 at 6:37 am #
  52. Harm Wester wrote::

    Hi David,
    Nice plugin (maphilight), exactly what I need but it seems not to work in IE8 anymore. I used a native IE8 and IETester. Both gave a javascript error “Invalid argument” and “Object does not support this property or method”.
    Any ideas how to go about solving this?
    Thanks anyway!
    Harm

    Thursday, October 1, 2009 at 1:36 am #
  53. Nielsos wrote::

    IE8 quick and dirty fix:

    More solutions on the following pages:

    http://jsxgraph.uni-bayreuth.de/wp/2009/03/20/jsxgraph-and-ie8/

    and

    http://ajaxian.com/archives/the-vml-changes-in-ie-8.

    Thursday, October 1, 2009 at 9:59 am #
  54. Coen wrote::

    Great application! I only have one problem: I have an overlay which should be over all other content on the page, but the maphighlight image is the top element. I tried fiddling with the z-index, but that doesn’t work.

    Wednesday, December 2, 2009 at 8:58 am #
  55. Deon wrote::

    Hi David
    Great app!! – but can you comment on this please..

    Running your demo online works fine, but saving same page to HDD and running local shows no borders… Have checked all settings… no luck ;0(

    Win XP / Firefox 3 / Dreamweaver CS3

    Thanx, Deon

    Sunday, December 20, 2009 at 2:24 am #
  56. karlos wrote::

    Would have been nicer to enable onkeypress /t for accessibillity when using the tab key to navigate. Good work though.

    Saturday, January 16, 2010 at 8:10 am #
  57. karlos wrote::

    \t

    Saturday, January 16, 2010 at 8:11 am #
  58. AndersM wrote::

    Great plugin.

    Zallen has made a patch available at http://plugins.jquery.com/node/10960
    Though it is only a beta version it solved the IE8 problem for me without breaking it for other browsers I tested. I suggest you check it out and give him some feed back.

    A big thank you to you David. Even though you don’t seem to maintain maphilight any more, you certainly did a good job.
    A very special thank also to Nielsos for the support and extra functionality above. Your code at http://formidablo.nl/jquery does not seem to have been updated to IE8 so unfortunately I could not use it. If you have the time I think you could make many people happy if you merge Zallens work with one or more of your own excellent additions. Especially the “linked” attribute is great – so e.g. Alaska is highlighted together whith the rest of the USA. If you do, then I suggest you put the code at jQuery for an official version 2.

    Monday, February 1, 2010 at 8:46 am #
  59. Nielsos wrote::

    I’ve analyzed Zallen’s code and added the IE8 fix in my version, see http://formidablo.nl/jquery/index2.html. It should work fine without forcing IE8 running in compatibility mode.

    The code is currently a mess and some of the methods are inefficient. The rendering speed of Firefox is really fast only IE spend ages to draw a shape on the canvas. When I’ve some hours to burn I’ll try to speed up rendering in IE and probably rewrite the whole code.

    See a working example of my previous version on http://living.tv/index.php > Select a new area.

    Monday, February 1, 2010 at 1:10 pm #
  60. KOPFteam wrote::

    Thanks for your work! I’ve done all the maps on http://www.golfcard.de/home.php?lang=ger&open=E1
    with a combination of:

    * Your work (maphilight-image-map-mouseover-highlighting)
    * The “linked” functionality http://formidablo.nl/jquery/
    * The IE8 bug http://stackoverflow.com/questions/1169162/any-alternatives-for-the-jquery-hilight-plugin/1169252#1169252

    I had to use old versions of maphighlight and jquery to get the linked functionality running. Any idea how to fix that?

    Thanks again,
    Florian

    Wednesday, February 3, 2010 at 6:57 am #
  61. I used it whith FF and works perfect but when i open it on IE8, doesnt work ¿any idea?

    Friday, February 26, 2010 at 1:38 am #
  62. Maxi wrote::

    thanks man! wonderful!

    Sunday, March 14, 2010 at 6:52 pm #
  63. sublimeye wrote::

    Hi David)
    Thanks for sharing. Map highlight is exactly what I need.

    But its not working on localhost/hdd indeed. Only from remote server.

    And also it fails with jquery 1.4 and higher :(

    p.s. Post comment icons should have some title or tooltip -__-
    It is recognizable only becouse there are 4 of them and everyone has username & mail :)

    Sunday, April 11, 2010 at 5:56 am #
  64. KingManon wrote::

    Great plugin, really what I needed! Quality.

    How would it be possible to fade in and fade out all areas at page load? This way the user knows that you can click and highlight.

    Tuesday, May 4, 2010 at 10:39 pm #
  65. Olivier wrote::

    Hello David,

    first of all, please excuse my poor english.

    I am using your plugin in one of our projects and i’m having issues with the ie6.

    The page does not load and I’m getting the message “The Page http://www.mypage.com could not be loaded”…

    Have you encountered this issue at some point?

    I allready have checked every thing else and only the maphilight.js file is making troubles when embedded

    I would enjoy any hint. Thank you.

    Gretings,
    Olivier

    Wednesday, May 19, 2010 at 12:32 am #
  66. Moiz wrote::

    Awesome plugin. Thanks alot.

    It doesn’t work with IE8?

    Wednesday, May 19, 2010 at 2:41 pm #
  67. FLow wrote::

    This plugin is quite handy!

    There is some strange behavior when I set strokeOpacitiy and strokeWidth to 1. In IE8 it is actually interpreted correctly as a thin, 1px wide line with full opacity. However, in FF and in Chrome it’s not. I get a 3px wide semi-opacity stoke.

    I tested it with switching off clear type in IE8 but it stays the same.

    Am I possibly doing something wrong?

    FLow

    Friday, July 9, 2010 at 5:11 am #
  68. PLBon wrote::

    Dear David,
    do you have details to integrate your plugin into WP 3.0?
    Thanks.
    PLBon

    Thursday, July 29, 2010 at 3:47 am #
  69. PLBon wrote::

    WordPress3.0integration

    Dear David,
    do you have details to integrate your plugin into WP 3.0?
    Thanks.
    PLBon

    Thursday, July 29, 2010 at 3:48 am #
  70. ina wrote::

    Notice that maphilight becomes extremely taxing on local resources when multiple country selection occurs – is there a way to have the map select countries by area, rather than highlighting the boundary perimeter (would this help anyway with clientside load for large selections?)

    Thursday, July 29, 2010 at 3:33 pm #
  71. al wrote::

    Thanks for this script. It works quite well but it seems to consume a lot of CPU time when using maps with many areas (I have around 10000 areas). Would there be a way to fix that ?

    Monday, August 23, 2010 at 6:10 am #
  72. jpcalv9@yahoo.com wrote::

    I am having some issues with the group by. It does not seem to work at all in Chrome 5.0.375.127, Safari 5.0.1 (7533.17.8), and Firefox 3.6.6. It does work in Opera 10.60 Build 3445 and IE 8.0.7600.16385. However once I enter a sub-area of the group, exit the area, then re-enter the same sub-area, the group highlighting no longer works. I am using jquery 1.3.2. Has anyone else had similar issues or know of any fixes? Thanks.

    Tuesday, August 31, 2010 at 6:03 am #

Trackbacks/Pingbacks (3)

  1. A2Blog»Archivo del blog » » Resaltado de mapas con jQuery on Thursday, May 28, 2009 at 11:57 pm

    [...] también está la posibilidad de usar google maps para tal caso, pero eso ya es otro tema. Con jQuery maphilight podemos hacer estos mapas más atractivos muy fácilmente, el [...]

  2. Research11 » Image map - and jQuery on Wednesday, June 10, 2009 at 3:41 am

    [...] Step2 Download jQuery and the maphilight plugin from David Lynch – click here [...]

  3. [...] właśnie odeszły do lamusa – teraz wystarczy zwykła mapa w HTMLu i kilka linijek JavaScriptu. | Artykuł | Demo #1 | Demo #2 | Źródła [...]