アニメーション終了したときに実行
.hide(1000,function(){
$(this).attr(‘src’,img.attr(‘src’));
})
このように
アニメーションメソッドの後に
function(){…}
形式で処理を書けば
アニメーション終了したときに処理を
実行できます
終わったら通知して呼び出すということでコールバック関数といいます
アニメーション機能の構文は
$(セレクター).アニメーションメソッド{
時間,
function(){
アニメーション完了後の処理
})
メソッドチェーンにしないのは
終わってから処理じゃなくて
アニメーション完了の前に処理してしまうから
これだとhide()でアニメーションにしても
いきなり画像がすでに変わっているという
妙な感じになってしまう
もし、アニメーションがうまく見れないなら
時間の指定を長くするといい
これは、注意点だが
メソッドチェーンで順番に処理するのは
アニメーションだけで
ほかの処理は即座に実行してしまう