jQueryを使ってPortfolioページの画像を順番に表示してみました。
スクリプトとサンプル
$(function() {
var lists = $("#list li");
lists.css({opacity: 0});
lists.each(function(i){
$(this).delay(200*i).animate({opacity:1});
});
});
スクリプトの処理内容
$(function() {
/* 変数 lists に #list li を格納 */
var lists = $("#list li");
/* lists の透明度 を 0 に */
lists.css({opacity: 0});
/* lists を一つずつ処理 */
lists.each(function(i){
/* delay() で animate（）の実行を 200ミリ秒ずつ遅延 */
$(this).delay(200*i).animate({opacity:1});
});
});