Changement de l'image de fond toutes les x secondes.

Bonjour,

Voilà, j'essaye depuis une petite heure de modifier le background d'une div toutes les 8 secondes.

J'ai trouvé un code sur le forum que j'essaye d'adapter mais ça ne marche pas.

Voici ce que j'ai fais pour l'instant :

$(document).ready(function(){ 
    $("#header").css('background','../pictures/fifa_header.png');
    (function(){ 
        setInterval(function(){ 
            
        }, 8000); 
    })(); 
});

Rien que la seconde ligne ne marche pas, il ne me change pas le background qui à l'origine est '../pictures/battlefield_header.png' .

Merci d'avance,

À bientôt.

Bonjour,

Pour la seconde ligne, la syntaxe CSS n'est pas bonne. Il faut plutôt écrire :

$('#header').css('background', 'url(../pictures/fifa_header.png)');

Modifié par Tony Monast (24 Sep 2010 - 22:52)

J'ai déjà essayé ça mais la plus rien ne marche, le background défini dans le css ne s'affiche même pas.

EDIT: Ahhh je suis un vrai bouley je précisé le mauvais chemin, fatalement ça n'aller pas marcher ^^ .

Donc la tous marche, mais comment faire un fadeIn() sur le background ? Histoire que ça soit plus fluide.

Voila ou j'en suis, seulement ça le change qu'une fois, je voudrais que ça le fasse en permanence.

$(document).ready(function(){ 
    (function(){ 
        setInterval(function(){ 
            var back == $('#header').css('background');
            if(back = 'url(pictures/fifa_header.png)'){
                $('#header').fadeIn().css('background', 'url(pictures/battlefield_header.png)');
            }else{
                $('#header').fadeIn().css('background', 'url(pictures/fifa_header.png)');
            }
        }, 3000); 
    })(); 
});

Modifié par HollyDev (24 Sep 2010 - 23:18)