画像のスクロール

Question

divの横に画像のリストを水平にスクロールし、パターンを繰り返します（画像の無限ループが左から右にゆっくりと移動する）。

現在、このタスクにはhttp://logicbox.net/jquery/simplyscroll/を使用していますが、（ユーザーコントロールや垂直スクロールなどの）必要のない機能が多数あります。私の希望は、jQueryでこれを数十行で簡単にコード化する方法があることです。

イメージを水平方向にスクロールするために何かをビルドすることはできますが、それらをループさせることは私を超えていると確信しています。

ヘルプ、情報、または新しいスクリプト（最近更新されたもの）でもすばらしいと思います。ありがとう！

Answer 1

jquery jCarousel Liteプラグインをお試しください。オートスクロールのデモを参照してください。

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); 
     }); 
    }); 
})();