0
Posted October 26, 2012 by Bandish Patel in Tips
 
 

Highlight Image Map Area Hotspots With jQuery


image map highlight using Canvas With Jquery

image map highlight using Canvas With Jquery

Code and Usage

<script type="text/javascript" src="http://davidlynch.org/js/maphilight/jquery.maphilight.min.js"></script>

<script type="text/javascript">

$(function () {

$('.mapHiLight').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 }); });

</script>
<!-- your image map with ID="mapAreas" and CSS Class="mapHiLight" -->

<ImageMap ID="mapAreas" OnClick="mapAreas_Click" CssClass="mapHiLight" ImageUrl="/images/map.gif" Width="200" Height="200">

</imagemap>
<pre>

Highlight Image Map Area Hotspots With jQuery


Bandish Patel