JavaScriptを使ってX座標、Y座標を表示させます。
写真上にマウスオーバーしてください。
↓以下が実際のソースサンプルです。
▼JavaScript
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script> $(function(){ $("img").mousemove(function(e){ $("p").html("X座標の値:"+e.clientX+"<br>Y座標の値:"+e.clientY); }); }); </script>
▼XHTML
<body> <img src="a1.jpg" alt="空"> <p></p> </body>