<style type="text/css">
.scroller {
  overflow: hidden;
  width: 100%;
}

#frame {
width: 100%;
}
</style>

<script type="text/javascript">
    var topElementId = '0', t;

    $(document).ready(function(){
      var el = $('#frame').children();
      if (el.size() > 0) {
        el.each(function(i){
          $(this).attr('id','row'+i);
        });
        t = setTimeout('listSlideUp()', 1);
      }
    });

    function listSlideUp() {
      $('#row'+topElementId).slideUp(1, function(){
        if (topElementId > 0) {
          var topElement = jQuery('#row'+topElementId).clone().show();
          $('#row'+topElementId).remove();
          $('#frame').append(topElement);
        }
        topElementId++;
        if (topElementId >= jQuery('#frame').children().size()) {
          topElementId = 1;
        }
      });
      t = setTimeout('listSlideUp()', 800);
    }
  </script>
<div class="scroller">
  <div id="frame">
   <img src="http://www.imageup.ru/img33/tiff695532.png" alt="1" />
   <img src="http://www.imageup.ru/img33/bmp-files695533.png" alt="2" />
   <img src="http://www.imageup.ru/img33/document695534.png" alt="3" />
   <img src="http://www.imageup.ru/img33/gif-files695536.png" alt="4" />
   <img src="http://www.imageup.ru/img33/jpg-files695537.png" alt="5" />
  </div>
</div>