javascript - wookmark プラグインの遅延ロード

Question

wookmark フォト プラグインに遅延ロード プラグインを追加するにはどうすればよいですか?

実際、wookmark フォト プラグインは自動高さオプションを使用します。そのため、画像の寸法は完全に異なります。高さと幅が指定されていない画像に遅延読み込みを追加すると、プラグインは表示領域外の画像もすべて読み込みます。

高さと幅が不明な画像の遅延読み込みプラグインを追加するのを手伝ってください。

ありがとう。

Answer 1

Wookmark プラグインにも同じ問題があります。私が使用していたページ ( http://aucycling.com/gallery/ ) では、すべての画像が読み込まれるまで画像が 1 つも読み込まれず、その時点で Wookmark が画像を整理します。遅延ロードを使用してみましたが、最初は各画像に固定サイズが与えられます。これに関する問題は、遅延読み込みに使用されるプレースホルダー画像のサイズに基づいて、Wookmark が画像を整理することです。

Wookmark プラグインに遅延を設定し、画像が読み込まれた後に起動してから整理することもできますが、これにより、読み込まれたように見えた後にページが数回再構築されます。これには本当に良い解決策はありません.Wookmarkが一度に少量の画像のみをロードし、無限スクロール機能を使用することをお勧めします.

本当に遅延ロードを使用したい場合は、php を使用して画像の高さと幅を決定し、遅延ロード画像の幅と高さを、ロードする画像と同じになるように設定できます。