Comment faire une boucle d'une image d'arrière-plan css avec Jquery toutes les quelques secondes?

J'aimerais changer pour un en-tête css image d'arrière-plan toutes les quelques secondes, de sorte que son regard comme un diaporama.

Par exemple 2 premières secondes:

body#home h1#siteH1 { background:url(../images/header1.jpg) no-repeat;}

2 secondes suivantes:

body#home h1#siteH1 { background:url(../images/header2.jpg) no-repeat;}

2 secondes suivantes:

body#home h1#siteH1 { background:url(../images/header3.jpg) no-repeat;}

Et puis la boucle est à nouveau à header1.

Si quelqu'un sait comment faire la transition avec un effet de fondu, alors il serait tout simplement parfait.

body#home h1#siteH1 est un très inefficace sélecteur. Pourquoi ne pas simplement utiliser #siteH1 ?
Pour mon information, est-ce également le cas avec les sélecteurs jQuery?

OriginalL'auteur Sergio del Amo | 2009-09-03