Wallpaper change

Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
Salut à tous !

Savez-vous svp où je peux trouver un script capable de changer le wallpaper de ma page web chaque X secondes ?


A voir également:

8 réponses

Meoran Messages postés 1562 Date d'inscription   Statut Membre Dernière intervention   207
 
Salut,

qui dit changement de background dit rafraichissement de la page...

Plutôt gènant pour l'utilisateur à moins que tu mettes une grande valeur (1min, 1min 30).
0
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   17
 
Oui ça me vas... tu sauvais comment faire stp ?
0
Meoran Messages postés 1562 Date d'inscription   Statut Membre Dernière intervention   207
 
Ouep.

Il faut cette balise dans le head de ta page :

<meta http-equiv ="refresh" content="x;URL=adresse_de_la_page">

x = nbre de seconde avant rafraichissement. Pour l'URL, il faut que tu rappelles la page où tu es.

Ca c'est pour le rafraichissement.

Pour le wallpaper random :

Il faut que tu fasses un petit script php qui s'exécute au chargement de la page, qui tire un nombre aléatoire, et en fonction de ce nombre, affiche un wallpaper différent.

Ca te suffit où il faut que je détail plus ?
0
Utilisateur anonyme
 
Salut,
moi je dit que vous vous compliquez la vie avec le php et le rafraichissement de page.

Avec javascript tu peux peux faire un changement d'image sans rafraichissement grace a la fonction : setInterval() et a la methode style.backgroundImage

si tu as besoin d'aide passe moi le code html de ta page , et je te donnerais le code approprié :)
0
Meoran Messages postés 1562 Date d'inscription   Statut Membre Dernière intervention   207
 
Je viens d'apprendre quelque chose ^^ (le setInterval)
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
+100
ou alors un "swittcher" en php ;)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   17
 
Merci à tous les deux. Effectivement entre les deux options je préfère le javascript :s

Ma page est en construction, c'est un header.php qui appellera tout les scripts du site.

Donc avec ton aide ammmmmine, si je peux mettre ton code entre les deux <header></header> ça serait super !

Encore merci à tous les deux.
0
Utilisateur anonyme
 
voila ce que j'ai pu faire de mon coté :
<script type="text/javascript"> 
//prechargement des images que l'on va mettre en B-G
img = new Array("titre1.png","titre2.png","titre3.png");      // met tes propres images 
var tmp = new Array();
for(i=0;i<img.length;i++)
{ tmp[i] = new Image();
  tmp[i].src=img[i]; }
// fin du prechargement d'images
i=0;
function anime()
{
i%=3;
document.getElementById('id_de_la_balise').style.backgroundImage='url("'+img[i]+'")';     
i++;
} 
window.onload = function(){
setInterval("anime()", 1000);
}
</script>
0
Utilisateur anonyme
 
le script fait changer le Background toutes les 1secondes dans une sorte de boucle (je sais pas si c'est ce que tu voulais) mais en tout cas ca marche:

-il faut juste renseigner les noms des images dans la 3eme ligne du code
-tu peux aussi ralentir ou accelerer l'affichage du background en modifiant le 1000 millisecondes de setInterval :)
0
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   17
 
Merci ammmmmine pour ton code.

Voilà ce que j'ai fais... mais je ne suis pas sûr qu'il fonctionne :s
Ai-je fais une erreur ?
J'ai mis les images à la racine.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>

<script type="text/javascript"> 
//prechargement des images que l'on va mettre en B-G
img = new Array("bg1.jpg","bg2.jpg","bg3.jpg");      // met tes propres images 
var tmp = new Array();
for(i=0;i<img.length;i++)
{ tmp[i] = new Image();
  tmp[i].src=img[i]; }
// fin du prechargement d'images
i=0;
function anime()
{
i%=3;
document.getElementById('id_de_la_balise').style.backgroundImage='url("'+img[i]+'")';     
i++;
} 
window.onload = function(){
setInterval("anime()", 1000);
}
</script>
</head>

<body>

</body>
</html>
0
Utilisateur anonyme
 
oui en fait dans cette ligne : document.getElementById('id_de_la_balise').style.backgroundImage='url("'+img[i]+'")';

il faut enlever id_de_la_balise et mettre l'id de la balise qui va contenir ton background
0
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   17
 
:$ sais pô faire çô ! :$
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
et en 'fançais correct' ... le problème est .... ???
0
Utilisateur anonyme
 
sinistrus , un editeur wysiwyg ?
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
;)
0
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   17
 
Je ne sais pas comment mettre l'id de la balise.
D'où le récupérer ?
Est-ce un chiffre ?
Qu'est ce que c'est ?
0
Utilisateur anonyme
 
si par exemple tu as <div> ajoute a l'interieur id="exemple" ... tu aura donc <div id="exemple">
et dans le script js tu remplace ceci :
document.getElementById('id_de_la_balise').style.backgroundImage='url("'+img[i]+'")';
par ceci :
document.getElementById('exemple').style.backgroundImage='url("'+img[i]+'")';
0