今週の画像ギャラリーを表示する Web ページがあり、ギャラリーを循環するためのトップ バー ナビゲーション "前" と "次" リンクがあります。現在、リンクをクリックすると、ページ全体が更新されます。「次へ」をクリックすると次のページのコンテンツのスライドインが右から左にアニメーション化され、逆に「前へ」をクリックすると前の週の結果がアニメーション化されると、ユーザー エクスペリエンスがよりスムーズになると思います。左から右 (モバイル アプリでスワイプしたときにページ遷移がどのように機能するかに似ています)。実際のスワイプ ジェスチャを検出する必要はなく、jquery モバイル マークアップはやり過ぎだと思います。
スライドインするデータをプリロードするには、ajax 呼び出しを行うか、データを json にプリロードして、代わりの html を画面外に作成します。html5 ウィンドウ履歴のプッシュ状態を使用して、移動先の実際の場所に URL を変更します。私が見つけられなかった唯一のものは、実際のアニメーションを行うことです. 私はカルーセルを調べましたが、どれも私が望むことをまったくしていません。ページ遷移のアニメーションだけを処理し、そのわずかな反動バウンス効果を持つ既存のライブラリはありますか?
ありがとう。
編集:私はちょうどうまくいくと思う jquery.animate を見つけました。