2012-03-06 15 views
4

画像のスライダが必要です。 enter image description herejquery画像スライダ(矩形方向のフロー)

[左矢印をクリックした場合は元のために。、そしてアイテムは左と下方向に行く移動します。]

任意のアイデアは非常に参考になります。ありがとう。

+0

こんにちは、他のアイデア.. – sathish

+0

こんにちは。私はそれが決心することだと決めます。私はそれを行うjqueryプラグインを書くつもりです。あなたがそれを待つことができるなら、メールで私を書いてください。私はあなたに明日のリンクを送るでしょう。 (私はこのタイプの質問が共産主義者によってスパムとしては見過ごされないことを願っています)、それを削除します。 –

+1

私はあなたが左右に行くことができるスライダープラグインを持っています。あなたがしたい場合は、ダウン。それを確認してくださいhttps://github.com/ozzyogkush/jquery.contentSlider – Derek

答えて

5

を行うには、おそらくより良い方法があります、ただ非常にシンプルなアイデアですが、私は名前のプラグインを作りました閲覧およびダウンロードできる絞りはhttp://itsjoe.de/aperture/demo/

コードとGUIはまだ完璧ではありません。あなたが好きかどうかを見てみましょう。後で改善を実施することができます。

ギブス:https://github.com/griffla/jQuery.Aperture

+0

いい仕事です。あなたはオープンソースライセンスのもとでそれをリリースしましたか? –

+0

はい、そうです。お気軽に使用するか改善してください。 – griffla

+0

偉大な仕事..確かに、それは非常に便利です。 – sathish

1

jQueryアニメーション機能を使用してカスタムコードを調べることをおすすめします。 「キュー」内のボックス固有の位置に基づいて特定のアニメーションを実行することができます。

$(".arrow").click(function(){ 
    $(".boxes").each(function(){ 
    var i = $(this).index(); //get position of box in list of boxes 
    if(i == 0){ //first box 
     //animate, move down and remove box 
    } else if(i == 1) { 
     //animate, move down 
    } else if(i > 1 && i <= 4) { 
     //animate, move left 
    } else if(i == 5) { 
     //animate, move up 
    } 
    //create another box to appear on the right and move up 
    }); 
); 

これはので、私はアイデアが好きで、jQueryのプラグインを作成する際に自分自身をテストしたかったという事実をこの

+0

URの迅速な応答をありがとう、私はしようとします。 – sathish

関連する問題