Fonds d'écran défilant

Adam Pierson -  
kilian Messages postés 8854 Statut Modérateur -
Bonjour à tous

J'ai un script qui fait défiler une image en fonds d'écran sur une page html.

Je souhaiterais savoir, s'il est possible de paramétrer un script analogue sur un style CSS car j'ai beaucoup de pages toute liées à ce style CSS.

Je vous en remercie par avance
A voir également:

1 réponse

kilian Messages postés 8854 Statut Modérateur 1 526
 
Salut,

Oui tu peux le faire en javascript.
Soit en changeant directement le style d'un objet, soit en changeant la classe css d'un objet.
1
Adam Pierson
 
Salut,

Je suis désolé, mais je suis hyper novice dans le domaine. Peux tu m'expliquer comment faire.

Merci d'avance
0
kilian Messages postés 8854 Statut Modérateur 1 526
 
Rah ça m'enerve, j'ai essayé chez moi et ça marche pas.

En gros, j'essaie de changer le style du <body> (l'arière plan en l'occurence) toutes les n secondes.

Tu n'as pas vraiment de fonction pour demander au Javascript d'attendre n secondes sans rien faire. Tu as setTimeout() qui te permet d'executer une fonction au bout d'un certain temps.

J'avais trouvé l'idée ici d'utiliser une fonction récursive (qui s'appelle elle même):
http://www.webmaster-hub.com/lofiversion/index.php/t14731.html

Mais au bout d'un certain temps Firefox ne reconnais plus ma fonction :-D

Mon truc donnait ça:
<script language="javascript">
x=0;
function UpdateWallpaper(x)
{
	document.body.style.backgroundPosition=x + "%" + y + "%";
	x++;
	setTimeout("UpdateWallpaper(" + x + ")",500);
}

UpdateWallpaper(x);
</script>


Bon pas grave.
Un truc qui t'aidera quand même : pour changer la position d'une image de fond (j'ai pris l'exemple de l'arrière plan du<body> mais ça peut s'appliquer plus localement), j'utilise:
document.body.style.backgroundPosition

C'est une propriété qui contient la position du papier peint du <body>
Tu peux la régler en % ou en pixel, le première c'est la coordonnées en abssice et l'autre c'est l'ordonnée.

En gros en %, le papier peint au milieu de la page ça donne:
document.body.style.backgroundPosition="50%50%"

Ce petit bout fonctionne, mais j'arrive pas à le faire évoluer dans une fonction en boucle tous les tel laps de temps.. hélas...
J'espère que quelqu'un pourra t'aider un peu mieux...
0
kilian Messages postés 8854 Statut Modérateur 1 526
 
Si tu me montre le script que tu as déjà, je pourrai peut être m'en inspirer par contre.
0