title: Javascript onmouseover event working but need to reverse upon mouse "not over"
body: <p>So I have:</p>
  
  <pre><code>&lt;img src="image1.png" 
       width="300" 
       height="115" 
       onmouseover="this.src='image1.png';" 
       onmouseout="image2.png"&gt;
  </code></pre>
  
  <p>This is working great, but once I hover and the second image turns on, I need it to turn off when I remove the cursor. Any way to achieve this with the simple inline JS I have?</p>