I am using the imagemapster jQuery plugin.
I have the same example and code as shown here:
You can click the "Show code" to see how it works.
My questions is:
I would like to trigger the "highlight" of the imagemapster when a user mouse-over a row in a table. Currently the user have to mouse-over the image/map for the "highlight" function to trigger.
I can set an ID for each row and match it to the ID of each "area" in the map see example below. All I want to know is how can i bind the function to the table row.
Any help would be very much appreciated!!!
<area shape="rect" id="20" coords="43,48,206,83"> // ID for the map area
<tr id="20"><td>text</td></tr> /ID for the row in the table
Here is my current code: