滾動圖像的div

Question

我正在尋找一種簡單的方法來滾動圖像列表水平跨越一個div，並有模式重複（無限循環圖像從左到右緩慢移動）。

此任務目前使用http://logicbox.net/jquery/simplyscroll/，但它有很多我不需要的功能（例如用戶控件和垂直滾動）。我希望有一個簡單的方法可以用幾十行代碼在jQuery中進行編碼。

我相信我可以建立一些東西來水平滾動圖像，但讓它們循環超越了我。

任何幫助，信息，甚至是一個新的腳本（最近更新）都會很棒。謝謝！

Answer 1

試試jQuery jCarousel Lite插件。看到自動滾動演示：http://www.gmarwaha.com/jquery/jcarousellite/?#demo

Answer 2

超級簡單的示例如何使用animate（）及其回調來創建循環。它只動畫第一個項目，然後將節點移動到最後一個孩子之後。因此，您可以保持動畫每一次的第一個元素。

代碼：http://jsfiddle.net/54fUH/
演示：http://jsfiddle.net/54fUH/show

(function animate() { 
    $("#slides li:first").each(function(){ 
     $(this).animate({marginLeft:-$(this).outerWidth(true)},3000,function(){ 
      $(this).insertAfter("#slides li:last"); 
      $(this).css({marginLeft:0}); 
      setTimeout(function(){animate()},2000); 
     }); 
    }); 
})();