それは、絵が優しく現れるこの効果を実現する方法を知るのと非常に似ています。

これは、画像が優しく現れるこの効果を実現する方法を知るのと非常に似ています
http://down.chinaz.com/class/55_1.htm
上記の Web サイトでは、画像は表示されるときにのみ読み込まれて表示されます。効果はスムーズな移行です

どうやって実現しますか?

また、効率の観点から、この方法がより効率的であるか、この方法がより効率的であるかを直接示します

-----解決策----- -------- -------
これは、ページの初期読み込み中に http 接続リクエストが多すぎることによって引き起こされるページ読み込みの遅延を回避するために、画像の読み込みを遅延させた効果です。


元の投稿者は、lazyload を検索しました
------解決策---------
このウェブサイトに関する限り、デフォルトの画像はタグは grep.jpg のグレーのネガです。最初に入力するページは常に同じ URL なので、一度ダウンロードしてキャッシュするとトラフィックを節約できます。

他のものは、スクロール イベントによってトリガーされます。作成者は、実際の画像の URL を記録するために、オリジナルの属性を src に設定します。写真のダウンロードが始まります。

ホストはコードを直接取得して見ることができます。これはすべて jq で書かれており、インターネット上には多くの js コードが存在します。 毎回特定のクラスのラベルをスクロールして、それらが画面上にあるかどうかを確認し、src を変更するだけです。

http://down.chinaz.com/js/imgload.js この Web サイトの Lazyload JS
------解決策---------
非常に素晴らしい効果ですが、できないようです。具体的な適用方法がわかり、JSをダウンロードしましたが、とても怖いです。良い。 。 。誰かが詳しく説明してくれることを願っています