jqueryで実装された画像の非同期読み込み

いくつかのWebページで、写真が多く含まれているページの右側にあるスクロールバーを引き下げると、下の写真がゆっくりと表示され、段階的に表示される機能があるのを見かけました。この効果は優れており、Web ページを開く速度が向上することがわかりました。これが「画像の非同期読み込み」機能と呼ばれるものであることを知るまで、ネットで長い間検索しました。オンラインで検索したところ、完全なコードが見つかりましたので、皆さんが学べるようにここに投稿しました。