前回に続いてjQueryで画像のスライドを作る練習です。今回は画像が順番にフェードインするようにしてみました。 動作サンプルはこちら。 Flashでスライドショーを作ることが多いですが、これくらいならjQueryで簡単にできますね。JavaScriptのソースは以下のとおり。 $(function() { var target = $("#slider li"); var speed = 4000; var maxnum = target.length; function fade(num) { var t = setTimeout(function() {fade(num);}, speed*2); $(target.get(num)).fadeIn(speed); num++; if (num == maxnum) { clearTimeout(t); } } fade(0); });