Плавная смена картинки
 

$(document).ready(function(){
	var isrc = $('#slider .active img').attr('src');
	$('body').css({'background':'url('+isrc+') no-repeat scroll center top #fff'});
	$('#nextbutton').click(function () {
		var isrc = $('#slider .active img').attr('src');
		$('body').css({'background':'url('+isrc+') no-repeat scroll center top #fff'});
	});
	$('#prewbutton').click(function () {
		var isrc = $('#slider .active img').attr('src');
		$('body').css({'background':'url('+isrc+') no-repeat scroll center top #fff'});
	});
});

При клике на кнопки "<" и ">" у меня меняется значение css для body
Как можно сделать смену свойства background "мягче"
Сейчас картинка дергается

Используй технологию "спрайтов"...