title: Mouse down,mouse move and mouse up event for an image?
body: <p>How to move an image with mouse?
  <code>onmousedown</code> and <code>onmousemove</code> are the events to handle right?</p>
  
  <pre><code>  &lt;html&gt; 
    &lt;body&gt;
    &lt;script type="text/javascript"&gt; 
    funcion good()
    {
    document.getElementById("omna");
    document.getElementById("omna).style.position="absolute";
    document.getElementById("omna").style.top=somevalue; 'these keeps changing
    document.getElementById("omna").style.left=somevalue; ' these keeps changing
    }
    &lt;/script&gt; 
    &lt;img id="omna" src"/something.jpg" onmousedown="highlight() onmousemove="good()" onmousedown="stop()"&gt; 'not working
    &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>How to use <code>mousedown</code> event on image? and with the <code>mousedown</code> event(I mean with the <code>mousedown</code> on the image), it should constantly run <code>mousemove</code> event function in JavaScript and when <code>mouseup</code> even occurs it should stop.
  How do I loop through <code>mousemove</code> event continuously ? unable to make it out. I found some solutions on google but unable to figure it out the syntax and all. If somehow you post the same please explain me your solution.</p>
  
  <p>Sorry forgot to tell you that my <code>mousedown</code> and the <code>mousevents</code> aren't working. Some people suggest use  anchor tag to that is that okay ? and why <code>mouseevents</code> are working for an image?</p>