Bonjour tout le monde

Je débute avec le "Jkiri" ^^ mais j'adore. Cependant je bloque à un endroit.
Je désire changer le fond de ma page. Celui ci comprend un background-color et un background-image en CSS.

Par Jquery j'aimerai changer l'ensemble du background avec un petit fadeIn.
Ce que j'ai reussi sans animation. Un petit clic sur un lien # et paf sa change.
Cependant pour animer le changement de couleur j'ai du recourir à un plugin (jQuery Color Animations) qui me permet de faire un fadeTo de la couleur initial à la nouvelle simplement :

backgroundColor est propre au plugin.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
$("body").stop().animate({'backgroundColor' : '#710023'},500);
Cependant je ne trouve pas d'équivalent pour le background-image.
Et ce qui fonction pour une Div ne fonctionne pas sur body du moins de ce que j'ai pu tester.

Quelqu'un pourrais t'il me mettre sur une piste pour un fadeTo/fadeIn ou avec animate et opacity sur mon image de fond?

Pour plus de details :

JS pour le changement de fond sans animation :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
$('#style3').click(function(){
        $('body').css({'background-color' : '#005671', 'background-image' : 'url(../img/admin/bg3.png)'});
JS avec changement animé de background-color :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
$('#style2').click(function(){
	$("body").stop().animate({'backgroundColor' : '#280071'},500);
	$("body").css({'background-image' : 'url(../img/admin/bg2.png)'});
});