0

現在、30 ～ 40 枚の画像を含む画像ギャラリーがあります。ページが読み込まれると、ユーザーはかなり長い時間 (かなり短い時間) 画像が読み込まれているのを視覚的に確認できます。ギャラリーは jcarousel の前へ/次へのボタンを使用して、画像やサムネイルに移動します。ギャラリーの読み込み方法、または少なくともギャラリーの読み込み方法を最適化する方法を探しています。私が考えたことの 1 つを以下に示しますが、これに対処する最善の方法について Stack Overflow コミュニティがどのような考えを持っているか知りたいと思っていました。

  • 最初に画像とサムネイルをロードし、次に要求に応じて画像をロードする必要がありますか?

前もって感謝します！

4

2 に答える 2

0

はい、画像の遅延読み込みは、パフォーマンスを向上させるための非常に優れた手法です。それらのいくつかを表示する必要があります (サイズによって異なります)。jCarousel には、残りの画像を動的にロードする方法があります。

jQuery('#mycarousel').jcarousel({
    itemLoadCallback: mycarousel_itemLoadCallback
});

そのコールバックを定義して、JavaScript または AJAX を介して新しい画像を読み込むことができます。例を参照してください: http://sorgalla.com/projects/jcarousel/#Examples

また、このプラグインhttp://www.appelsiini.net/projects/lazyloadを知っています。このプラグインは、スクロール時に画像を遅延ロードし、神戸が提案したように src 属性で遊んでいます。あなたのケースに直接当てはまるわけではありませんが、ソースコードはそれを実装するためのより良いアイデアを提供します.

于 2011-07-16T20:26:21.773 に答える