2017年11月30日

画像の遅延読み込み【範囲内一括】

画像毎ではなく、指定した範囲内の画像をまとめて遅延読み込みする方法を紹介します。 「画像の遅延読み込み」 を一部変更しています。

HTML

補足

  • 3つの section クラス内に、3枚の画像を指定しています。

jQuery

補足

  • section クラスの上端が、画面下端から 100 ピクセルを超えたら LOAD クラスを付加しています。
  • LOAD クラスが付いた section クラス内の画像を対象に、遅延読み込みしています。

CSS

サンプル

関連記事