![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTcx_Yy5N47WNwyQC58MATc0ibG8cxbTRO9QsKctdd7sWJUk2b-cKrxCDWBcyrV-zT-FbqeYyHAWCz1JDS0IgN-kiCRmmD0zzPOilZiu7WMu2PmRlnr59BwFSZ1ylbyKWk2tzur0dOR9jE/s1600/%25E3%2582%25A4%25E3%2583%25A1%25E3%2583%25BC%25E3%2582%25B8066.png)
画像毎ではなく、指定した範囲内の画像をまとめて遅延読み込みする方法を紹介します。 「画像の遅延読み込み」 を一部変更しています。
HTML
補足
- 3つの section クラス内に、3枚の画像を指定しています。
jQuery
補足
- section クラスの上端が、画面下端から 100 ピクセルを超えたら LOAD クラスを付加しています。
- LOAD クラスが付いた section クラス内の画像を対象に、遅延読み込みしています。
画像毎ではなく、指定した範囲内の画像をまとめて遅延読み込みする方法を紹介します。 「画像の遅延読み込み」 を一部変更しています。
スクロール時に、指定要素がウィンドウに入ったらアニメーションをつけて表示する方法を紹介します。
スクロール時に、あらかじめ用意した外部ファイルのコンテンツを、つぎつぎに読み込む方法を紹介します。