jQuery > simple slide show

slideshow

// シンプルなスライドショー
// photo-main メイン画像コンテナ
// photo-thumb サムネイルコンテナ
$('#photo-thumb a').click(function() {
    $('#photo-main img').hide();
    var path = $(this).attr('href');
    var img = new Image();
    img.src = path;
    // 画像をスムーズに切り替えるために一度removeしてからappendする。
    $('#photo-main img').remove();
    $('#photo-main').append(img);
    $('#photo-main img').css({
        display: "none"
    });
    $('#photo-main img').fadeIn('fast');
    return false;
});