javascript - 画像の遅延ロードとアンロード

Question

多くのタグを含む html ファイルがあります。

スクロール イベントで画像をロードし、表示されていない画像をアンロードしたい。Aamzaon ビューアのように、上下にスクロールすると、フレーム内の現在の画像が遅延ロードされます。

多くの LazyLoad ツールを見てきましたが、アンロード機能を備えたものはありません。

Answer 1

次のプラグイン jquery を使用します: https://github.com/morr/jquery.appear そして event: appear を使用して画像を表示し、消えることで画像をアンロードします:

$('someselector').on('appear', function(event, $all_appeared_elements) {
  // this element is now inside browser viewport
});
$('someselector').on('disappear', function(event, $all_disappeared_elements) {
  // this element is now outside browser viewport
});