title: image refers to a link change when user place mouse arrow over image
body: <p>I have 2 images start.png and start_light.png
  I have in html an image refers to a link like this:</p>
  
  <pre><code>  &lt;a href="start.php"&gt; &lt;img src="img/start.png"/&gt; &lt;/a&gt;
  </code></pre>
  
  <p>All I want is to make "start.png" image to change to "start_light.png" when user place mouse arrow above image start.png</p>
  
  <p>Any idea which is the best way to do this?</p>