使用Javascript获取图片坐标以及宽度高度的方法

首先说下获取图片宽度与长度的问题：

<script type="text/javascript">
         function lpimgClick(img,event)
         {
             var x = img.width;
            alert(x);
         }
     </script>

  
     <img id="lpnk" alt="图"src="images/20111122142401700-w.jpg" height="395" width="695"  onclick="lpimgClick(this,event)"/>

使用这种方法可以获得图片的宽度和长度。

获取图片点击事件或者move事件时候鼠标指针的位置：

 <script type="text/javascript">
         function lpimgClick(img,event)
         {
             var x = event.clientX / img.width;//按比例获取 
             $("#txtX").val(x);
             var y = event.clientY;
             $("#txtY").val(y);    
         }
     </script>

网页中的img标签事件跟上面一个一样

  
     <img id="lpnk" alt="图"src="images/20111122142401700-w.jpg" height="395" width="695"  onclick="lpimgClick(this,event)"/>

使用这两个方法可以做个地图标注的功能，当然，这只是最简单的演示。