0

JQueryでギャラリーを使用する必要があります（Galleriaを使用しています）。問題は、構造が次のようなものであるということです。

<div id="galleria">
   <img src="(...).jpg" />
   <img src="(...).jpg" />
   <img src="(...).jpg" />
   <!-- ... -->
</div>

プラグインはそのリストからすべての写真を取得して使用します。問題：私は高品質の写真をたくさん持っています。そして、プラグインがそれらを使用できるようになる前に、それらはすべてプリロードされます。画像を動的にロードする方法はありますか？（たぶん、いくつかの新しいギャラリープラグイン）。

4

1 に答える 1

1

そこで、jQueryLazyLoadプラグインが役に立ちます:)

レイジーローダーは、JavaScriptで記述されたjQueryプラグインです。（長い）Webページへの画像の読み込みを遅らせます。ビューポートの外側（Webページの表示部分）の画像は、ユーザーがスクロールする前に読み込まれません。これは、画像のプリロードの反対です。

多くの大きな画像を含む長いウェブページで遅延読み込みを使用すると、ページの読み込みが速くなります。表示されている画像を読み込んだ後、ブラウザは準備完了状態になります。場合によっては、サーバーの負荷を軽減するのにも役立ちます。

デモページ

于 2010-09-20T17:50:54.357 に答える