画像を一定時間ごとにずらしてフェードイン表示したいと考えております。
実際のコードは以下のとおりなのですが
$(window).load(function() {
$('.result1').fadeIn(600,Result2);
});
function Result2(){
$('.result2').fadeIn(600,Result3);
}
function Result3(){
$('.result3').fadeIn(600,Result4);
}
function Result4()...（以下続く）
これを
for($i=0;$i<10;$i++){
function Result.$i(){
$('.result'.$i).fadeIn(600,Result($i+1));
}
}
のようにループして記述したいと考えております。
（上記はあくまでも記述のイメージです）
実際にはどの様な記述をすればよいのでしょうか。
ご教授のほど宜しくお願い致します。
No.1
480
79
40pt
順にフェードインさせたいって事なら下記サンプルに習ってみて
fadeIn([speed], [callback]) - jQuery 日本語リファレンス
http://semooh.jp/jquery/api/effects/fadeIn/%5Bspeed%5D,+%5Bcallb...
ソースコード
http://semooh.jp/jquery/api/effects/fadeIn/%5Bspeed%5D,+%5Bcallb...
No.1
48079
ここでベストアンサー
40pt
順にフェードインさせたいって事なら下記サンプルに習ってみて
fadeIn([speed], [callback]) - jQuery 日本語リファレンス
http://semooh.jp/jquery/api/effects/fadeIn/%5Bspeed%5D,+%5Bcallb...
ソースコード
http://semooh.jp/jquery/api/effects/fadeIn/%5Bspeed%5D,+%5Bcallb...
ご回答ありがとうございます。
↓こんな感じで良いのでうまくいきました。
$(window).load(function() {
for(i=1;i<=4;i++){
setTimeout("Result()", 600*i);
}
});
function Result() {
$("div:hidden:first").fadeIn(1000);
}
ありがとうございました。
No.2
20320
40pt
サンプルです。
56
54
$(function(){
sample('.result',600);
});
function sample(selector_base,delay) {
var ct=1;
sample_sub();
function sample_sub(){
var selector = selector_base + ct++;
if($(selector).length)
$(selector).fadeIn(delay,sample_sub);
}
}
ご回答ありがとうございます。
まだ実際に試していませんが、こちらも別のアプローチですごくいいです。
後ほど試させていただきます。
No.3
34220
jQueryで簡単にフェードイン フェードアウト表示させる方法
http://ameblo.jp/linking/entry-10211188441.html
が分かりやすい。
にゃーーーー！！
koriki-kozou
2010/06/16 06:08:03
2
1
1
1
1
ご回答ありがとうございます。
↓こんな感じで良いのでうまくいきました。
$(window).load(function() {
for(i=1;i<=4;i++){
setTimeout("Result()", 600*i);
}
});
function Result() {
$("div:hidden:first").fadeIn(1000);
}
ありがとうございました。