Bonsoir amis le Zéros!

Aujourd'hui, je bloque sur le changement de la couleur de mon body

Enfin le body j'ai réussi (en Jquery) et en voici son code :

$(document).ready(function(){ 
    (function(){ 
        var i = 0; 
        setInterval(function(){ 
            $("body").removeClass("bg1, bg2, bg3, bg4").addClass("bg"+(i++%4 + 1));
	    
        }, 10000); 
    })(); 
});

Ceci fonctionne.

Mais mon footer qui est un <div id="footer">

$(document).ready(function(){ 
    (function(){ 
        var i = 0; 
        setInterval(function(){ 
            $("#footer").removeClass("ft1, ft2, ft3, ft4").addClass("ft"+(i++%4 + 1));
	    
        }, 10000); 
    })(); 
});

La couleur ne veut pas changer. Alors ce qui est marrant, c'est quand j'analyse mon affaire avec Firebug, les classes ft1, ft2, ... s'ajoutent bien après mon div id="footer" class="ft1">

Mon footer est une image en png avec une coupure en transparence.

en gros voilà mon CSS du footer :

#footer{
	
	margin-top: 70px;
	background:url(../images/footer.png) no-repeat #FFBF27;
	height:157px;
}

.ft1 { background-color: red ;} 
.ft2 { background-color: blue ;} 
.ft3 { background-color: greenyellow ;} 
.ft4 { background-color: yellow ;}

Si j'enlève l'image et que je garde la couleur, par contre ça fonctionne...

Si vous avez une idée sur ce problème..

Merci d'avance!