title: How do i make the image to slide move to the right from left 0,0 position to the end right side?
body: <p>I have this code:</p>
  
  <pre><code>   &lt;script type="text/javascript"&gt;
        var animate, left=0, imgObj=null;
  
  function init(){
  
     imgObj = document.getElementById('myImage');
     imgObj.style.position= 'absolute';
     imgObj.style.top = '240px';
     imgObj.style.left = '-300px';
     imgObj.style.visibility='hidden';
  
     moveRight();
  }
  
  function moveRight(){
      left = parseInt(imgObj.style.left, 10);
      if (10 &gt;= left) {
          imgObj.style.left = (left + 5) + 'px';
          imgObj.style.visibility='visible';
  
          animate = setTimeout(function(){moveRight();},20);
  
      } else {
          stop();
      }
  }
  
  function stop(){
     clearTimeout(animate);
  }
  
  window.onload = function() {init();};
     &lt;/script&gt;
  &lt;img id="myImage" src="http://newsxpressmedia.com/files/radar-simulation-files/radar007339.Gif" style="margin-left:170px;" /&gt;
  </code></pre>
  
  <p>What it does is moving one image in the middle of screen from the left side to the center.
  But what i wanted it to do is to move the image from the left top corner 0,0 to the end of the right side to the right top border and not to stop but that the image will start moving over again from the right to the left.</p>
  
  <p>I never understood this px values. Now it set to top 240 and left -300. I tried to change it to 0 and 0 but it didn't put it on the left top corner and the image didn't move at all. </p>
  
  <p>How can i change the code so it will start to move the image from top left corner to the right top corner and how can i add more images so it will move them nonstop from left to right like slide ?</p>