title: switching image positions with javascript function
body: <p>I have two images named sun.jpg and moon.jpg I need help completing this task.</p>
  
  <p>•Use a function to swap the positions of the images when the mouse is over either image. (Call the same function in the onmouseover event handler for both images. The function will load images in the appropriate positions.)</p>
  
  <p>•   Swap the images back to their original positions when the mouse is moved off of the images (You can use the same function and pass different values with the parameters. This function will load both of the original images.)</p>
  
  <pre><code>&lt;script&gt;
       function MouseRollover(MyImage) { 
            MyImage.src = "Rollover_Images/moon.jpg"; 
       } 
       function MouseOut(MyImage) { MyImage.src = "Rollover_Images/sun.jpg"; }
  &lt;/script&gt; 
  &lt;img src="Rollover_Images/sun.jpg" onMouseOver="MouseRollover(this)" onMouseOut="MouseOut(this)"&gt;
  &lt;img src="Rollover_Images/moon.jpg" onMouseOver="MouseOut(this)" onMouseOut="MouseRollover(this)"&gt;
  </code></pre>