title: Scrolling image marquee javascript
body: <p>I currently want to make a marquee of several images, but my code only allows one. Do you know any way I could add several images to this code? (I have already tried adding the images directly into the div element within the body - it doesn't work.)</p>
  
  <pre><code>   &lt;style type="text/css"&gt;
     &lt;!--
      #container {
      background-image: url(images/avycopy.jpg), url(images/5mwmcp.jpg);
      height:428px;
      width:284px;
      background-repeat:repeat-x;
      background-size:284px 428px;
      background-position: top left, top right;
      }
      --&gt;
      &lt;/style&gt;
  
      &lt;script type="text/javascript"&gt;
      &lt;!--
  
      var p=0;
      var speed=20;   // vary this to suit, larger value - slower speed
  
      window.onload=function() {
      gallery();
      }
      function gallery() {
  
      document.getElementById('container').style.backgroundPosition=p+'px 0';
  
      p--;    //change this to p-- for right to left direction
  
      setTimeout('gallery()',speed);
      }
      //--&gt;
      &lt;/script&gt;
  </code></pre>