Background différent selon l'heure

[Ejayremy]

Bonjour à tous,

J'aimerais savoir comment changer automatiquement une image background (fond d'écran) de forum en fonction de l'heure. Par exemple de 7h à 20h une image et de 20h à 7h une autre image.
Actuellement mon fond passe par une modif de CSS. Si un code CSS existe afin de le modifier en fonction de l'heure ça m’intéresse.

Merci pour votre aide.

[Ejayremy]

Up les amis

[Ejayremy]

Up Again

[Ejayremy]

UP.

Si ce n'est pas réalisable dites le moi.
Merci

[Savalogin]

Bonjour,

Je ne suis pas sûr, mais je pense que c'est réalisable avec Javascript. Mais, je ne suis pas assez calé pour vous renseigner plus, sur ce sujet. Je donne juste l'information pour recentrer votre recherche.

Cordialement.

[Ejayremy]

Merci pour votre message.

Il me semble aussi que ce soit possible. Javascript ou pas, je ne m'y connais pas non plus et comme il y a des personnes connaisseurs ici, je me permets cette question.

Cela dit, je commence a douter de la possibilité de la réaliser sur nos forum car il n'y a aucunes réponses.

[zz10]

Erreur, voir message plus bas...

[zz10]

Bonjour,

1- Dans votre CSS, enlevez l'image de fond du body.

2- Créer un javascript (PA->module->javascript->créer) :

- A mettre sur toutes les pages
- Code :

Code:

var date = new Date();
var heure = date.getHours();
if(heure => 7 && heure < 20){
   $(body).css("background-image", "url(http://www.serveur.ext/lien_image_journee)");
}else{
   $(body).css("background-image", "url(http://www.serveur.ext/lien_image_nuit)");
}

Il ne reste qu'à remplacer :

Code:

http://www.serveur/lien_image_journee

par le lien de l'image visible durant la journée (entre 7h et 20h)

et

Code:

http://www.serveur/lien_image_nuit

par le lien de l'image visible durant la nuit(entre 20h et 7h)

Cdt.

[Ejayremy]

Merci pour le script et votre aide.

Par contre, quand j'enlève dans mon CSS l'image de body, même en ayant crées le script sur toutes les pages, le fond de mon forum reste blanc/vide.

[zz10]

Huum...

Il semblerait qu'un de vos codes pose un problème... Pourriez-vous retirer l'intégralité de vos codes (les conserver dans le bloc note) en laissant uniquement le mien, juste pour voir si c'est mon code qui bug

[Ejayremy]

Merci pour votre aide.
J'ai essayé en supprimant mon CSS personnalisé mais rien n'y fait toujours.
C'est vrai que j'ai quelques javascript et il y avait de "soucis" avec certains qui se chargé avant d'autres et qui empêchaient la fonctionnement des autres.

Bref, je vais laisser tomber l'idée du changement de background.
Merci encore pour votre aide.

[zz10]

Merci pour votre aide.
J'ai essayé en supprimant mon CSS personnalisé mais rien n'y fait toujours.
C'est vrai que j'ai quelques javascript et il y avait de "soucis" avec certains qui se chargé avant d'autres et qui empêchaient la fonctionnement des autres.

Bref, je vais laisser tomber l'idée du changement de background.
Merci encore pour votre aide.

Mais non, mais non

Je ne parlais de votre CSS à retirer mais de vos javascripts (sauf le mien). Je peux vous aider à trouver la solution sans soucis

[zz10]

Erreur dans le code que je vous avez donné
Je vous redonne ça vite

[zz10]

Voici le code qui marche :

Code:

jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 7 && heure < 20){
          $("body").css("background-image", "url('http://www.serveur.ext/lien_image_journee')");
        }else{
          $("body").css("background-image", "url('http://www.serveur.ext/lien_image_nuit')");
        }
});

Désolé

[Ejayremy]

Merci, ça a l'air de fonctionner. Je vous confirme ce soir quand le changement aura lieu

[Ejayremy]

Le code fonctionne bien et les images s'affiches en fonction.
Par contre, un petit détail, l'image mets une demie-seconde a s'afficher et à force de changer de pages pour lire les topics, etc. ça gêne les lecteurs.

Le fait de cliquer, de voir la page changer avec en fond du blanc puis une demie seconde après l'image, ça ne fait pas top.

J'ai essayé quelque chose, dans mon CSS j'ai remis l'URL de mon fond de journée et quand je mets le javascript c'est bien l'image du script qui se mets au dessus mais avec toujours une demie-seconde de retard.
De ce fait, lors du fond de "nuit" on voit de suite apparaitre le fond jour (celui du CSS) puis ensuite le fond de nuit.

Avant ce script, l'image arrivé instantanément sans chargement.
Ya t'il un remède par rapport au script ?

[zz10]

Bonjour,

Pouvez-vous modifier les templates ? Je ne pense pas vu que vous semblez être en BB3 comme moi. Donc en BB3 pas moyen de charger l'image de fond avant le chargement de la page... Seul conseil que je peux vous donner, ne mettez pas blanc comme couleur de fond mais plutôt une couleur se rapprochant de votre bleu (journée) et gris/noir (nuit). Un beau gris/bleu devrait faire l'affaire. Le changement se fera de manière beaucoup plus discrète...

[Ejayremy]

ne mettez pas blanc comme couleur de fond mais plutôt une couleur se rapprochant de votre bleu (journée) et gris/noir (nuit). Un beau gris/bleu devrait faire l'affaire. Le changement se fera de manière beaucoup plus discrète...

Merci mais comme l'image de fond reste centré et en haut du forum, si je mets une autre couleur que le blanc on va voir la coupure en bas de l'image Background qui, dans le bas est de couleur blanche exprès.

[zz10]

Dans ce cas, il faut adapter le javascript

Mettez un gris/bleu par defaut puis modifiez le js :

Code:

 jQuery(document).ready(function(){
   var date = new Date();
   var heure = date.getHours();
   if(heure >= 7 && heure < 20){
     $("body").css("background-image", "url('http://www.serveur.ext/lien_image_journee')");
   }else{
     $("body").css("background-image", "url('http://www.serveur.ext/lien_image_nuit')");
   }
   $("body").css("background-color", "#FFFFFF");
});

[Ejayremy]

Merci pour l'aide.

En journée ça passe mais le soucis vient le soir quand l'image BG passe au plus foncé vous voyez ?

Il est vraiment dommage qu'avec PHPBB3 on ne puisse pas modifier le template

Merci en tous cas pour votre aide.

[zz10]

Merci pour l'aide.

En journée ça passe mais le soucis vient le soir quand l'image BG passe au plus foncé vous voyez ?

Il est vraiment dommage qu'avec PHPBB3 on ne puisse pas modifier le template

Merci en tous cas pour votre aide.

Je ne vous le fais pas dire. Je regrette mon choix maintenant car je ne me vois pas repartir à 0 avec une nouvelle version...