GifproGifpro

IntersectionObserverを使った画像遅延読み込み

代码预览

P

提示词

Create a lazy loading image gallery using IntersectionObserver API. Images should load only when they enter the viewport.

この実装では、IntersectionObserver APIを使用して画像がビューポートに入るタイミングを検出します。画像は最初はdata-src属性のみを持ち、表示されるようになった時点で実際のソースを読み込みます。オブザーバーは50pxのルートマージンで設定され、画像がビューポートに入る少し前から読み込みを開始します。

这个提示对您有帮助吗?

评论

评论将在审核后显示

首页ヘルプ