私はowlカルーセルをiPadアプリケーションに統合しています。カルーセルに表示するアイテムをユーザーがフィルタリングしない場合、カルーセルには1000sのアイテムが含まれます。Owl Carousel - アイテムを動的に追加/削除する
パフォーマンスと読み込みの問題を解決するために、私は現在、25個のアイテムから開始するカルーセルを持っており、ユーザーがカルーセルをナビゲートすると、カルーセルの最後にさらに25個のアイテムが動的に追加されます。追加するアイテムがなくなるまで、ユーザーがカルーセルの終わりに向かって約半分になると、これが実行されます。
今起きている問題は、カルーセルは、約300の画像であることを取得するときに、いくつかのメモリの問題がまだあるということです。アプリケーションがクラッシュします。
私はカルーセルの先頭から項目を削除する必要があると考えていたが、私はその仕事をするためにどのように空白を描いています。ここにいくつかの注意点があります:
- 項目が先頭に付いているときに、カルーセルの現在の位置を維持できる必要があります。
- カルーセルは、最初の配列と同じ順序にとどまる必要があります。
- ユーザはカルーセルの変更に気づくことができず、UXには影響しません。
最初の考えは、カルーセルに50個のアイテムを残しておき、ユーザーがカルーセルを行き来するときに、必要に応じてアイテムを追加/削除することでした。私はちょうど開始する方法を見ることができないので、コーダーブロックを持っているようです。
ありがとうございました!
私は実際のアプリケーションで遅延読み込みを使用していますが、このカルーセルは、最大12,000の画像を持つことができ、それはまだアプリケーションをクラッシュ/停滞しているように見える可能性があります。これは私がアイテムのこの追加の動的なロード/アンロードを行うことを検討している理由です。 – TroyG
変更があります...テストしましたか?レイジーロードはajaxを使用し、ビューの前に画像をロードしません。 – Wordica
ps。あなたがロード/アンロードで12.000の項目のためのそのような種類のソリューションが必要な場合は、あなた自身のプラグインを作成する必要があります。私はそのように動作するどのカルーセルプラグインを知らない。しかし、カルーセルは書いにくいです。 – Wordica