How do I add a new image to this code , so I have 2 alternating images?
<pre><code>&lt;HTML&gt;&lt;head&gt;
&lt;Script language="JavaScript"&gt;
&lt;!--
function changePos() 
{
 width = document.body.clientWidth;   //the width of the current document
 height = document.body.clientHeight; //the height of the current document
 Hoffset = img.offsetHeight;
 Woffset = img.offsetWidth;
 img.style.left = xPos;  
 img.style.top = yPos;  

 if (yon) 
 {
  yPos = yPos + 5;
 } 
 else 
 { 
  yPos = yPos - 5;
 }
if(yPos &lt; -Hoffset) 
 {
  yon = 1; yPos = -Hoffset;
 }
 if(yPos &gt;= height) 
 {
  yon = 0; yPos = height;
 }
}
//--&gt;
&lt;/Script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;IMG id="img" style="POSITION: absolute" src="Images\Colored.jpg"&gt;
&lt;SCRIPT language=JavaScript&gt;
&lt;!-- 
 var height = 0;
 var Hoffset = 0;
 var Woffset = 0;
 var yon = 0;  //false
 var xPos = 20;
 var yPos = document.body.clientHeight;
 var Timer1 = setInterval('changePos()',30);
//--&gt;
&lt;/Script&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</code></pre>

<p>So my question is , how do I add a new image to this animation , and make it in a way that i alternates with the old one (Example : the image I have is colored , and I want to add a black&amp;white image to it , so they alternate together !!!</p>
