2012-04-29 15 views
0

このスライダのナビゲーションバーをどのようにループにしますか?jquery:ループ内のアイテムを回転する

マージンを増やす単純なjqueryを作成しましたが、このことを簡単にループする方法を考えることはできますか?

今あなたがそれを十分な回数をクリックすると、空白が表示されます...

すべてのヘルプ高く評価しました。

jsfiddle:jCarouselhttp://jsfiddle.net/utKqe/2/

//other category page, navigate through cats 
    $(document).ready(function() { 

     $('#otherleftarrow').click(function() { 
      $('#othermenu ul').animate({marginLeft: '-=100px'}, 200); 
      return false; // prevent default click action from happening! 
     }); 

     $('#otherrighttarrow').click(function() { 
      $('#othermenu ul').animate({marginLeft: '+=100px'}, 200); 
      return false; 
     }); 

    }); 
+0

uuuuuコードが不足しています。親の幅を確認し、開始時に要素をクローンし、動的なスライダーの位置をチェックする...これは固定の 'li'幅を持つことを計画している場合には簡単に実現できます(私は提案しません)。それ以外の場合は、多くの作業があります。 –

答えて

1

この作業のために非常に素敵なjQueryプラグインがあります。

Circular carousel example

あなたの目的に合わせて簡単に使用できます。

+0

このような単純な作業ではこれはあまりにも複雑ではありませんか? –

+0

重すぎると思われる場合は、ソースを見て、どのように "円形の"パーツが作られているか見ることができます。しかし、あなたがそれがちょうど働くために必要ならば、この解決策が最も良いかもしれません。 – daeq

関連する問題