jQuery フェードイン完了を待つ

2009年10月06日（火）

基本的なところかもしれませんが。
画像をクリックするとsrcが変わるスクリプトで

$("#element").click(function(){
	$(this).hide().attr("test.jpg").fadeIn();
});

とした場合の話ですが、
フェードイン完了前にクリックするとなにやらおかしなことになります。

loading=false;
$("#element").click(function(){

if(loading==false){
 loading=true;
 $(this).hide().attr("test.jpg").fadeIn("2000",complete);
}
});

function complete(){
 loading=false;
}

以上のようにして、fadeInのコールバックをつかってフェードインが終わるのを待つ事にすればいいと
気付きましたのでメモします。

Tags: ,
カテゴリ:Effect, jQuery | Comments Closed

関連記事

jQuery 画像のプリロード2

2009年10月06日（火）

前回はjQueryによる画像のプリロードでしたが、
色々やってみた結果以下のソースでもいけそうです。
ブラウザによってはうごかなかったりするのでしょうか。

for(i=1;i<=photo_num;i++){
	image=new Image();
	image.src=id+"/"+i+".jpg";
}

こちらの方が連番のイメージなどのとき、つかいやすいですが。
だめなのかしら？
問題が発生したら再度記します。

Tags:
カテゴリ:jQuery, javascript | Comments Closed

関連記事