Du kunne måske lade det hele styre af Mouse events.
Prøv at experimentere med nedenstående kode.
Den giver dig koordineterne for, hvor der er klikket. så kan du selv beregne hvor det er i dit image.
<HTML>
<HEAD>
<TITLE>IE Mouse Event Offsets</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// demonstration for IE4 or later only
function showCoords() {
var form = document.forms[0]
form.srcElemTag.value = "<" + event.srcElement.tagName + ">"
form.rawCoords.value = event.offsetX + "," + event.offsetY
}
// set click event handler
document.onclick=showCoords
</SCRIPT>
</HEAD>
<BODY STYLE="position:relative; width:800px; height:800px">
<H1>IE Mouse Event Offsets</H1>
<HR>
<P>Click near the top-left corner of any element to view the event coordinates inside the element's rectangle.
<FORM>
<TABLE CELLPADDING=5 BORDER=1>
<TR>
<TD ALIGN="right" BGCOLOR="#FFFFCC">Element receiving click:</TD>
<TD BGCOLOR="#FFFFCC"><INPUT TYPE="text" NAME="srcElemTag" SIZE=15></TD>
</TR>
<TR>
<TD ALIGN="right" BGCOLOR="#FFCCFF">Event Offsets (x,y):</TD>
<TD BGCOLOR="#FFCCFF"><INPUT TYPE="text" NAME="rawCoords" SIZE=15></TD>
</TR>
<TR>
<TD ALIGN="center"><INPUT TYPE="button" VALUE="Sample Button"></TD>
<TD ALIGN="center"><INPUT TYPE="checkbox">A Sample Checkbox</TD>
</TR>
</TABLE>
</FORM>
</BODY>