Discussion :

[Sayrus]

Bonjour,

J'ai une fonction récursive qui me permet de changer le background d'un site automatiquement toute les 15 secondes. Seulement j'utilise setTimeout qui n'est pas propre au framework JQuery et qui en plus de ça provoque un décalage de transition au fil du temps (plus on laisse la page affichée sur le navigateur)

Ma question est la suivante, avez-vous une solution plus "propre" en JQuery permettant de faire exactement la même chose?

Un grand merci!


Voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
(function(){ 
		setTimeout(function() {  $('#background').attr({'src':'images/background3.jpg'}) }, 1500);	  
        var i = 0; 
        setInterval(function(){ 
 
 
            $("#background").attr({'src':'images/background'+ (i++%3 + 1) +'.jpg'}); 
        }, 15000); 
		setInterval(function(){ 
		$("#background").animate({'opacity': '0'},100);
							 },14900);
 
 
		setInterval(function(){ 
		$("#background").animate({'opacity': '1'},1000);
							 },15000);
 
    })();

[danielhagnoul]

Bonsoir.

Je vous conseille d'utiliser un plug-in, exemple : http://www.buildinternet.com/project/supersized/

[Sayrus]

Bonsoir.

Je vous conseille d'utiliser un plug-in, exemple : http://www.buildinternet.com/project/supersized/

Bonjour,

Merci pour votre réponse, je connais très bien ce superbe plugin, mais cependant je souhaiterais tout de même connaitre une alternative qui pourrait fonctionner en JQuery pour faire l'action que je souhaite. Ainsi, cela me permettra de pouvoir gérer plein de cas spécifique et pas seulement sur les images de fond.

Merci