Bonjour à tous,
 
Je cherche à changer le fond d'écran de ma page Web à intervalle régulier, avec un effet de transition défilement horizontal de la droite vers la gauche. Je trouve des exemples de code pour faire défiler des images dans un bloc DIV ou autre, mais pas tout le fond d'écran. Et vue que je ne suis pas doué en JS/CSS, je n'arrive pas à adapter le code pour mon besoin
 
Vous auriez un exemple que je puisse reprendre ?
 
Merci d'avance

Il suffit, dans ton code HTML, que la div que tu mettras juste après le body porte l'image de fond d'écran et que cette div ait une largeur et hauteur de 100%. Après, un petit coup de javascript pour qu'à intervalle régulier, l'image change (tu fais un tableau d'url d'images). Pour la transition, faudra aussi du javascript pour gérer les fondus.

J'essaie de mettre ta solution en pratique. Problème : quand je mets mon DIV pour placer l'image, elle décale tout vers le bas Je dois mettre quoi comme position pour que tout passe par dessus le DIV d'image de fond ?
 
Trouvé Maintenant, trouver comment adpater l'image au DIV vu qu'elle est plus grosse que la taille de l'écran (volontaire).
 
Fait. Maintenant, changer l'image à intervalle régulier.

J'essaie de faire la chose suivante :
 
window.onload = setInterval(setBackground(), 5000);
 
L'image est bien chargée une première fois, mais ne bouge plus après
 
Quel est le problème ?

Il faut que dans la fonction setBackground(), tu relances le timer avec un setInterval()

Je m'y suis pris de la manière suivante pour faire tourner les images en boucle :

Ca fonctionne Maintenant, comment faire pour que la transition se fasse de la droite vers la gauche ? Vous auriez un bout de code tout fait ?

En faisant ca, tu executes la fonction "setBackground" et c'est sur le retour de cette derniere que cyclera setInterval
Essayes ca :

Argh, grillled
 
Essaye :

 
et ca marche aussi dans l'autre sens, càd avec imagediaporama--
 
EDIT :
Plus "propre" peut-être, en feintant avec les modulos, et permettre ainsi de gerer les chiffres positifs mais aussi négatifs (càd dans ton cas -1) :

Je l'ouvre juste pour proposer une solution en full css  
 
Alors en faisant juste une ptite recherche jsuis tombé sur cet article (avec des démos o/), et du coup bah ça a l'air plus joli à implémenter que le javascript

Regardes du côté du keyframes en CSS.
 
Tu peux faire une sorte de carrousel qui te permettra de faire ton effet.
J'ai pas d'exemple là pour te montrer le code

Je m'en suis sorti en faisant un effet d'alpha en JS/CSS, c'était pas exactement ce que je voulais faire à la base (transition en slide) mais ça fait son taf et c'est plus mal finalement. En tout cas, ça m'a bien fait évoluer sur la compréhension des empilage de calque et le positionnement en CSS, c'est cool