javascript - jQuery - このスライダーの滑らかな効果を作成する方法は?

Question

スライダーがあり、他のアイテムよりも大きいアクティブなアイテムがあります。コントロールがクリックされると、次/前の項目がアクティブなクラスを取得します。動作していますが、これに滑らかな効果を追加したいと思います。何か案は？

コード：

$('#next').click(function(){
    $('#wrap').find('.active').removeClass('active').next().addClass('active');
    $('#wrap img:first').remove().appendTo('#wrap');
});

$('#prev').click(function(){
    $('#wrap').find('.active').removeClass('active').prev().addClass('active');
    $('#wrap img:last').remove().prependTo('#wrap');
});

例: http://jsfiddle.net/zXjzU/1/

ありがとう！