Image Map: Mouse Hover Effect on Area Using JQuery

Sign in to leave a comment.

• NJ

  Nani Jagadeesh9y agoPosted Jul 20, 2017, 3:51 AM

  Hello, we are looking for somebody who can help us in digitally creating Hyderabad's map with regional integrations. If you can help us or know somebody who can be helpful to us, please contact us at I did not add any contact so you can add the contact details.
• TZ

  tony zhang9y agoPosted Mar 21, 2017, 11:18 PM

  Sir, the HTML code works well on my SharePoint page, but the Jquery code doesn't. I cannot get the mouser over effect. can you please give me a clue?
  • TZ

    tony zhang9y agoPosted Mar 21, 2017, 11:25 PM

    <div> <img class="map" src="/sites/GP/PublishingImages/Org%20Chart/Indirect%20all.png" usemap="#urls" alt=""/> <map name="urls"><area href="/sites/GP/Pages/Indirect_AP.aspx" shape="rect" coords="66,260,220,329"/><area href="/sites/GP/Pages/Indirect_EMEA.aspx" shape="rect" coords="64,356,218,425"/><area href="/sites/GP/Pages/Indirect_AMER.aspx" shape="rect" coords="64,450,224,516"/> </map> </div>
  • TZ

    tony zhang9y agoPosted Mar 21, 2017, 11:26 PM

    <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.maphilight.min.js"></script> <script type="text/javascript"> $(function () { $('.map').maphilight(); }); </script>
• KR

  kalu singh rao10y agoPosted Jul 8, 2016, 1:24 AM

  Nice...
• MR

  Mandeep Rana12y agoPosted Aug 26, 2014, 9:53 AM

  Thanks Dear Abhimanyu
• 

  Abhimanyu K Vatsa14y agoPosted Jun 19, 2012, 10:05 PM

  Yes sir :)
• 

  Mahesh Chand14y agoPosted Jun 19, 2012, 6:11 PM

  Good stuff. Looks like you are learning some cool tricks.