6

アイテムの水平スクロール可能なリストを表示するための、タッチ対応、ドラッグ可能、応答性の高いjQueryスクローラー/フィルムストリップ/カルーセル/スライダーを探しています(たとえば、eショップの注目の製品、最近データベースに追加された写真など)。

これは、Apple の App Store のすべてのアプリのページにある画像スクローラーに似ています。一度に 1 つの大きな画像が表示される典型的なスライダーは必要ありません。ユーザーが簡単にスクロールできるように、画像を並べて表示したいと考えています。

ドラッグ可能とは、アイテムをリストから他の場所に移動せずにスクロールするためのドラッグアンドドロップを意味します。下記参照。

厳しい要件

  • jQuery ベース (またはライブラリ非依存)
  • レスポンシブ (固定幅ではありません)
  • すべての画像へのリンクとタイトル
  • ドラッグ可能なスクロール - マウスと指で操作 - アイテムをドラッグして移動、ドロップすると、リストが動き出して停止します。スマートフォンのスクロールと同じですが、マウスでも操作できます。
  • リストの最後に達したときに、より多くの項目をロードできるようにする API (それほど厳密な要件ではなく、それがなくても生きていけると思います)。ユーザーがリストの最後に到達したことをスクローラーが検出し、スクローラーが私の関数を呼び出してさらにアイテムを追加する場合に実行できます

あった方がよい

  • 画像は可変幅にすることができます
  • 自動再生 - ある項目から別の項目に移動するか、ピクセルごとにゆっくりと移動します
  • 表示可能なアイテムの最小数と最大数を設定する
  • ユーザーがスクロールしてリストがローリングすると、スクロールバーが表示されます

まず、自分のサイトにFlexSlider 2 カルーセルを実装しました。タッチ ジェスチャは機能しますが、マウス ジェスチャ/スクロールは機能しません。FlexSlider はスクローラーではなくスライダーです :/ そうしないと、FlexSlider が私のかゆみを掻いてしまいます。

リンクを投稿してください。チェックします。これを、他の Web デザイナーにとって最高の jQuery スクローラーの貴重なリストにしましょう。

みんなありがとう!

4

1 に答える 1

1

jqueryプラグイン(jquery.nicescroll.js)を試してください。タッチデバイスもサポートしています。

http://areaaperta.com/nicescroll/

http://code.google.com/p/jquery-nicescroll/downloads/list

于 2012-12-28T09:39:24.240 に答える