jQuery corps background-image rotator

Pour un site, je suis actuellement à la conception, je voudrais avoir le corps d'arrière-plan sur une rotation d'un tableau d'images. J'ai essayé de plusieurs façons, par exemple en utilisant le fadeIn() et fadeOut() fonctions mais ils semblent affecter l'opacité de la les divisions au sein de l'organisme. J'ai aussi essayé d'utiliser bgStretcher Mais cela a provoqué l'apparence des questions et fait le site web lent et saccadé.

Je voudrais de préférence, comme les images de fade in et fade out.
De l'aide serait appréciée,

Voici un lien vers le site
Le fichier de script que j'ai actuellement ont été la modification est appelée background.js en vertu de l' /js/répertoire. Le fichier est actuellement en commentaire que C'est seulement expérimentale.
Les deux images d'arrière-plan "images/bg/bg1.jpg" et "images/bg/bg2.jpg"

Voici mon code actuel qui je suis en train d'essayer de se mettre au travail:

$(document).ready(function() {
    setInterval(switchImage, 5000);
    switchImage();

});

function switchImage()
{
$('body').css("background-image", "url(../images/bg/bg2.jpg)").fadeIn(1000);
$('body').css("background-image", "url(../images/bg/bg1.jpg)").fadeOut(1000);
}

Une fois que je peux comprendre comment la transition entre les images d'arrière-plan, je peux simpily ajouter un peu de changement entre un tableau d'images.

Acclamations, Le Danois Wilson

Merci de poster le code, avec lequel vous souhaitez notre aide, ici, dans votre question. Et, idéalement, de poster un démonstration, sinon, une fois que le problème est résolu, cette question n'a pas d'autre utilisation (comme le problème de code seront corrigés ou supprimés à partir de la page en lien).

OriginalL'auteur Dane Wilson | 2012-06-02