js画像遅延テクノロジー_javascriptスキルの一般的なアイデアと例

画像遅延技術の一般的な考え方

1. img 要素に対応する src パスを背景画像として設定し、img に対応する URL パスを自己設定属性に格納します (src 置換用)。 。

2. スクロールの高さとウィンドウの高さを取得します。

3 遅延ロードする必要がある img 配列をループし、img の高さを取得し、要素はビジュアルウィンドウ内にあります。要素がビジュアル ウィンドウ内にある場合は、src

をテスト コード

html

コピー コード コードは次のとおりです。