Javascript бегущей строки с прокручивающимся изображением

В настоящее время я хочу сделать выделение из нескольких изображений, но мой код позволяет только одно. Знаете ли вы, как я могу добавить несколько изображений в этот код? (Я уже пробовали добавлять изображения непосредственно в элемент div внутри тела - это не работает.)

   <style type="text/css">
   <!--
    #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;
    }
    -->
    </style>

    <script type="text/javascript">
    <!--

    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);
    }
    //-->
    </script>