JavaScriptを使って、ページスクロールに合わせて画像をフェードインアニメーションさせるようにしょう。
配布
作成
ダウンロード
ページを縦スクロールをしている際に、クラス名「 lazy 」を持つ各画像が画面の表示領域内に入った時に、対象となる画像へクラス名「 loaded 」を追加して、フェードインアニメーションを開始するようにしてください。
[ 追加 ]
フェードインアニメーションを行った各画像に対して、再度クラス名「 loaded 」を追加するプログラムを実行しないようにしてください。