Wallpaper change

Fermé
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - 15 juin 2011 à 22:41
 Utilisateur anonyme - 16 juin 2011 à 12:02
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 vendredi 28 août 2009 Statut Membre Dernière intervention 8 avril 2015 204
15 juin 2011 à 22:44
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 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
15 juin 2011 à 23:00
Oui ça me vas... tu sauvais comment faire stp ?
0
Meoran Messages postés 1562 Date d'inscription vendredi 28 août 2009 Statut Membre Dernière intervention 8 avril 2015 204
Modifié par Meoran le 15/06/2011 à 23:08
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
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 vendredi 28 août 2009 Statut Membre Dernière intervention 8 avril 2015 204
16 juin 2011 à 00:31
Je viens d'apprendre quelque chose ^^ (le setInterval)
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
16 juin 2011 à 11:55
+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 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
16 juin 2011 à 00:22
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
16 juin 2011 à 11:37
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
16 juin 2011 à 11:43
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 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
16 juin 2011 à 11:50
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
16 juin 2011 à 11:54
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 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
16 juin 2011 à 11:55
:$ sais pô faire çô ! :$
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
16 juin 2011 à 11:57
et en 'fançais correct' ... le problème est .... ???
0
Utilisateur anonyme
16 juin 2011 à 11:59
sinistrus , un editeur wysiwyg ?
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
16 juin 2011 à 11:59
;)
0
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
16 juin 2011 à 11:59
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
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