IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML] fond d'écran aléatoire


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 3
    Par défaut [HTML] fond d'écran aléatoire
    J'arrive à mettre un fond avec le bodybackground mais j'aimerais qu'il change, soit à chaque ouverture de fenêtre, soit à chaque heure, quelque chose comme ça.
    Merci de me répondre pas en trop compliqué, je débute en html. merci

  2. #2
    Membre expérimenté
    Avatar de Joe-La-Boule
    Profil pro
    Étudiant
    Inscrit en
    Juillet 2006
    Messages
    219
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2006
    Messages : 219
    Par défaut
    avec les cookies tu pourrai faire ca !

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    @antony59370 : Pourquoi avec des cookies ?

    Il suffit de passer à une solution Javascript (sans cookie) :

    Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    function randomBg(){
       var tab = new Array();
     
       tab[0] = "fond1.jpg";
       tab[1] = "fond2.jpg";
       tab[2] = "fond3.jpg";
       tab[3] = "fond4.jpg";
       tab[4] = "fond5.jpg";
       tab[5] = "fond6.jpg";
     
       var bg = Math.floor(Math.random()*tab.length);
     
       document.body.style.backgroundImage = "url("+tab[bg]+")";
    }
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <body onload="randomBg()">

  4. #4
    Membre expérimenté
    Avatar de Joe-La-Boule
    Profil pro
    Étudiant
    Inscrit en
    Juillet 2006
    Messages
    219
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2006
    Messages : 219
    Par défaut
    Encore une fois nounours me scie sur place !

    Bravo nounours powaa !

  5. #5
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    si ça t'interesse j'en ai fais une en PHP qui tire un fichier au pif dans un dossier. Si tu as un fichier un fichier, tu passes ton fichier image en paramètre et la fonction fais le reste
    Code PHP : 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
    19
    20
    21
    22
    23
    24
    25
    function random_files($dir)
    {	
    	// Création du tableau qui va contenir les fichiers et dossiers
    	$tab_files = array();
     
    	// Ouverture du répetoire $dir
    	$handle = opendir($dir);
     
    	// Parcours des fichiers et dossiers du répertoire courant
    	while($file = readdir($handle)) 
    	{
    		$ext=strtolower(substr($file,strlen($file)-3));//récupère l'extansion du fichier courant
    		//test si pas parent ni lui même et si l'extension est bien une image
    		if($file != '.' && $file != '..' && ($ext=='jpg' || $ext=='gif' || $ext=='png' || $ext=='bmp'))
    		{
    			$tab_files[] = $file;//on ajoute le fichier courant au tableau contenant tous les fichiers
    		}
    	}
     
    	// Fermeture du répertoire courant
    	closedir($handle);
     
    	mt_srand((float) microtime()*1000000);//initialisation d'une valeur aléatoire
    	return $tab_files[mt_rand(0, count($tab_files)-1)];//retourne un fichier de $tab_files au hasard
    }
    Le seul intérêt par rapport à la solution Javascript c'est que c'est moins figé, le jour ou tu veux rajouter une photo, tu auras juste à la rajouter dans ton dossier.

  6. #6
    Futur Membre du Club
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 3
    Par défaut
    Bon, comme je l'ai dit je suis vraiment nulle
    j'ai compris qu'il fallait que je change les trucs en rouge, les fond.jpg, c'est ok, mais les autres trucs ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML] Question - Fond d'écran HTML
    Par mpompompo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 20/02/2008, 20h27
  2. Fond d'écran en HTML
    Par Saba5 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 01/04/2007, 22h30
  3. Ligne blanche longeant mon fond d'écran HTML
    Par Kuchiki Byakuya dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/01/2007, 20h27
  4. Fond d'écran en HTML
    Par frederic.go dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 09/11/2005, 10h57
  5. Comment changer l'image Bitmap en fond d'écran du bureau ?
    Par Maddelphi dans le forum API, COM et SDKs
    Réponses: 8
    Dernier message: 23/06/2004, 19h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo