2011-11-14 18 views
3

最近のプロジェクトでは、Nivo Sliderを使用してスライドショーを作成しました。これは固いソリューションであり、便利なオプションがありますが、私のユーザーは読み込みが遅いと不満を持ちます。スクリプトは実行するためにロードされたすべてのイメージを必要とするため、正しいです。スライドショーのパフォーマンスが向上

パフォーマンスを向上させるためのヒントや、Nivoスライダーを置き換えるソリューションに関する推奨事項をお探ししています。私は明白なことを超えて(スライド画像の軽量化とスライドの総数の削減のような)アドバイスを意味します。

編集:コンテキストを明確にするため、画像はユーザーが管理するギャラリーから取得します。私は画像そのものをコントロールしていません。

+0

おそらくあなたは持っていますが、CSSスプライトの使用を検討していますか? – eversor

答えて

1

画像が表示される前に読み込まれるプログレッシブ読み込みスライドショーをお勧めします。 jQuery Cycleプラグイン、具体的にはthis exampleを参照してください。スライドショーを開始した後(プログレッシブ)にスライドを追加する方法とthis oneは、スライドショーの開始後に画像を追加する方法を示しています。

Good Luck!

+0

私は過去にjQuery Cycleを実際に使用しました。私の問題は、Nivoが提供しているような他のスライダーのような鐘や笛がすべて出てこないということです。 – Christophe

+0

理解しやすい。 Nivoを拡張してCycleのようなaddSlide機能を追加することができます。 – dSquared

+0

また、これはストップギャップソリューションかもしれません:http://stackoverflow.com/questions/6727253/getting-nivo-slider-to-start-before-all-images-are-loaded – dSquared

関連する問題