2017-08-07 11 views
0

私はowlカルーセルをiPadアプリケーションに統合しています。カルーセルに表示するアイテムをユーザーがフィルタリングしない場合、カルーセルには1000sのアイテムが含まれます。Owl Carousel - アイテムを動的に追加/削除する

パフォーマンスと読み込みの問題を解決するために、私は現在、25個のアイテムから開始するカルーセルを持っており、ユーザーがカルーセルをナビゲートすると、カルーセルの最後にさらに25個のアイテムが動的に追加されます。追加するアイテムがなくなるまで、ユーザーがカルーセルの終わりに向かって約半分になると、これが実行されます。

今起きている問題は、カルーセルは、約300の画像であることを取得するときに、いくつかのメモリの問題がまだあるということです。アプリケーションがクラッシュします。

私はカルーセルの先頭から項目を削除する必要があると考えていたが、私はその仕事をするためにどのように空白を描いています。ここにいくつかの注意点があります:

  • 項目が先頭に付いているときに、カルーセルの現在の位置を維持できる必要があります。
  • カルーセルは、最初の配列と同じ順序にとどまる必要があります。
  • ユーザはカルーセルの変更に気づくことができず、UXには影響しません。

最初の考えは、カルーセルに50個のアイテムを残しておき、ユーザーがカルーセルを行き来するときに、必要に応じてアイテムを追加/削除することでした。私はちょうど開始する方法を見ることができないので、コーダーブロックを持っているようです。

ありがとうございました!

答えて

0

ジャスト機能怠惰な負荷へのいずれかを使用します。

http://www.landmarkmlp.com/js-plugin/owl.carousel/demos/lazyLoad.html

+0

私は実際のアプリケーションで遅延読み込みを使用していますが、このカルーセルは、最大12,000の画像を持つことができ、それはまだアプリケーションをクラッシュ/停滞しているように見える可能性があります。これは私がアイテムのこの追加の動的なロード/アンロードを行うことを検討している理由です。 – TroyG

+0

変更があります...テストしましたか?レイジーロードはajaxを使用し、ビューの前に画像をロードしません。 – Wordica

+0

ps。あなたがロード/アンロードで12.000の項目のためのそのような種類のソリューションが必要な場合は、あなた自身のプラグインを作成する必要があります。私はそのように動作するどのカルーセルプラグインを知らない。しかし、カルーセルは書いにくいです。 – Wordica

0

あなたはカルーセルから要素を削除するremove.owl.carouselを使用することができ、それは電流の流れを妨げるしないと、ユーザーはカルーセルの変化を感じることはありません。 私はここに

$('#owl-carousel').trigger('remove.owl.carousel',0).trigger('refresh.owl.carousel'); 

のように0を、それを行っていたが、各要素の追加とそれを使用することができ、要素数です。

関連する問題