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 :

Fond de page qui change en fonction du mois


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 17
    Par défaut Fond de page qui change en fonction du mois
    Bonjour, je réalise un site Internet et j'aurais souhaité que le background-image de ma page index change selon le mois en cours. Par exemple nous sommes au mois d'août, on a un background-image qui représente une maison, cette image s'affichera pour le mois d'août et changera automatiquement début septembre pour afficher un background-image avec par exemple la photo d'une ville.

    Merci de votre aide.

  2. #2
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    En JavaScript ou en PHP ça doit être faisable.

    http://php.net/manual/fr/function.date.php
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  3. #3
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Bonjour,

    Moi je ferais ça sous forme d'un tableau (PHP ou Javascript) de cette forme :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    array [
    1 : "image_janvier",
    2 : "image_fevrier",
    3 : "image_mars",
    etc.
    ]
    Ensuite, via les fonctions de Date (PHP ou Javascript) je récupère le mois en cours et j'affiche l'image correspondante.

    Exemple en PHP :
    Code : 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
    <?php
    $mesImages = array(
    1 => '01.jpg',
    2 => '02.jpg',
    3 => '03.jpg',
    4 => '04.jpg',
    5 => '05.jpg',
    6 => '06.jpg',
    7 => '07.jpg',
    8 => '08.jpg',
    9 => '09.jpg',
    10 => '10.jpg',
    11 => '11.jpg',
    12 => '12.jpg'
    );
    ?>
    <div id="background" style="background-image: url('./<?php echo $mesImages[Date('n')] ?>');"> <!-- Date('n') récupère le numéro du mois en cours sans les zéros initiaux -->
    contenu
    </div>
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 17
    Par défaut
    Merci je vais essayer et je vous tiens au courant

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 17
    Par défaut
    Merci cela à l'air de fonctionner avec un array mais pour l'instant je ne peux tester que le mois en cours. Je vais tester ça jeudi au changement de mois pour voir si cela fonctionne.

    Merci beaucoup.

  6. #6
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Avec plaisir.

    Pense au Tag [Résolu] pour le mois prochain
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 17
    Par défaut
    Salut, j'ai testé ça fonctionne parfaitement , merci beaucoup , A+

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 24/09/2009, 17h48
  2. [toolbar qui change en fonction d'un choix]
    Par metalamania dans le forum wxPython
    Réponses: 6
    Dernier message: 05/09/2009, 21h18
  3. Fond de page qui s'agrandit avec le contenu, avec motifs entiers
    Par Halex78 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/09/2008, 19h57
  4. Réponses: 3
    Dernier message: 04/03/2008, 13h39
  5. Couleur de fond d’un page qui n’est pas une page mais juste
    Par Furius dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/01/2006, 17h16

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