HTMLとAJAXのJquery Carousel [スライダーアニメーション]が必要

Question

jQueryプラグインが必要です。デフォルトではHTMLとしてモジュールをロードし、さらにリンクをクリックするとAJAX経由で残りのコンテンツを読み込み有効にする。

現在のところ、私はGoogleのAJAXまたはアニメーション[コンテンツの残りの部分を隠す]のいずれかを介してロードするだけのプラグインをたくさん得ることができます。しかし、パフォーマンスの問題のために、私はワンショットですべてのコンテンツを読み込み、次にアニメーションをロードしたくありません。だから私は、5つのリチウムをロードしたいと思っている "More"それは残りのコンテンツの読み込みを開始する必要がありますが、それもアニメーションする必要があります。

誰かが私に助けてくれますか？

- バラ

Answer 1

あなたに私のアドバイスは、あなたのニーズに応じてjCarouselをカスタマイズすることです。具体的には、最初にページをレンダリングするときに、カルーセルの最初の5つの要素を含めることができます。その後、カルーセルの交換イベントでは、最後のスライドに達すると、AJAXを使用して追加の画像を取り込むことができます。

フラットなJavaScript配列によって駆動されるjCarouselを使用すると、画像のURLが元のマークアップでレンダリングされますが、表示される部分に追加されるまでブラウザによってダウンロードされないため、読み込み時間を節約できます。カルーセル。 AJAXは必要ありません。 Here's a demo。