webサイト画面の読み込みが完了してから動き出すアニメーション。
jqueryのappendメソッドを用いて、画面が完全に読み込まれた後にimgタグを追加してアニメーションを開始します。
画面が読み込まれる前(ロード中の状態)に、アニメーションが先に動き出してしまうのを防ぐのが目的です。
トップ画面(ファーストビュー)で簡単なアニメーションを動かしたい場合などに効果的。似た性質に「ready」イベントがありますが、完全に読み込みが完了してから発動するのは「load」イベントです。
当然のことですが、アニメーションはファーストビューで視認できる場所に配置しないと意味がありません。
ページの途中でアニメーションをスタートさせたい場合には、Javascriptでページ位置を取得する必要があります。
(画像を横からフェードインする系とか)