Petit souci de bug

Bonjour à tous,

Je ne sais pas si je suis dans la bonne section et si j'ai le droit d'y poster (I hope que oui D: ) mais voilà, j'ai un tout petit souci.
Je me suis amusée avec ce tuto [vraiment tip top de chez tip top] https://www.never-utopia.com/t46165-design-changeant-selon-l-heure-exemple-banniere-et-fond maaaais... lorsque nous sommes en heure de jour, j'ai le fond de la page de nuit qui apparaît pendant quelques secondes (selon la lenteur du pc auquel je me connecte).

J'ai essayé diverses choses mais n'ai jamais réussi à faire disparaître ce petit souci d'affichage. Du coup, j'avais tenté de faire apparaître ces deux images directement grâce au tuto mais je me retrouve avec des heures creuses où il n'apparaît plus du tout de fond de page. Or, nous sommes d'accord pour dire que ce n'est pas le but recherché dans la manoeuvre hihi.

Je voulais donc savoir si vous pouviez m'aider à résoudre ce problème ou si je ne peux tout bonnement rien y faire :).

Le lien du forum test :
http://test-aendryl.forumactif.org/

En vous remerciant d'avance ♥

Meow

Coucou <3

On ne peut malheureusement pas y faire grand chose avec ce tuto ><, on aura toujours un léger temps de latence en javascript car on attend que la page soit chargée pour modifier. >°<

Le premier conseil que j'ai à te donner c'est de mettre le fond "par défaut" celui de la journée. Quand je parle de "fond par défaut", je désigne celui dans le panneau d'admin ! :)

Pourquoi ? Je pense qu'une majorité des connexions a eu lieu en journée, donc ça permettra déjà d'éviter un changement d'image aux membres la majorité du temps ^^

Bonjour !

Merci de votre réponse. Et bien, en fait, mon forum étant RPG, les membres viennent plus souvent après le travail ou les cours donc, je les vois surtout le soir mais je vais quand même tester comme ça. Je les laisserai choisir ce qu'ils préfèrent.

En tous cas, ce script est vraiment top, je trouve, peut-être voir à le perfectionner encore un peu si c'est possible, qui sait :)

Merci encore !

Meow

Sinon, tu peux enlever l'image de fond par défaut, et toujours l'ajouter un JS ^^ :)

C'est à dire cette technique

MeowLowDee a écrit: Du coup, j'avais tenté de faire apparaître ces deux images directement grâce au tuto mais je me retrouve avec des heures creuses où il n'apparaît plus du tout de fond de page. Or, nous sommes d'accord pour dire que ce n'est pas le but recherché dans la manoeuvre hihi.

Sauf qu'on mettra une image au cas où on est en heure creuse ! Si tu veux qu'on te montre comment faire, est ce que tu peux nous copier / coller ton code Javascript s'il te plait ?

Ah je veux bien essayer oui ! Je ne demande qu'à apprendre ! Je suis une brelle en JS xD

Code:

jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 8 && heure < 20){
          $("body").css("background-image", "url('http://nsa38.casimages.com/img/2016/02/17/160217012757142625.png')");
        }
});

Alors on va remplacer ceci :

Code:

       if(heure >= 8 && heure < 20){
          $("body").css("background-image", "url('http://nsa38.casimages.com/img/2016/02/17/160217012757142625.png')");
        }

Par :

Code:

       if(heure >= 8 && heure < 20){
          $("body").css("background-image", "url('http://nsa38.casimages.com/img/2016/02/17/160217012757142625.png')");
        } else {
          $("body").css("background-image", "url('URL_PAR_DEFAUT')");
}

if = "si"
else = "sinon"

On dit donc "Si l'heure est supérieure ou égale à 8 ET inférieure à 20 .......... Met ce fond
Sinon (dans tous les autres cas) .... Met cet autre fond !

Par contre, il faut bien penser à enlever sur ton forum le fond par défaut ^^

Coucou !

Donc je viens de tester ton code mais... je n'ai plus du tout de fond, cette fois-ci (même après avoir enlevé l'image de base). J'ai fouillé mon CSS pour vérifier si j'avais pas mis quelque chose qui pourrait bloquer ça mais non, il n'y a rien. Mais que se passe-t-il xD

Merci beaucoup de ton aide en tous cas ♥ Je comprends mieux le principe de ce JS :)

Code:

jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 8 && heure < 20){
          $("body").css("background-image", "url('http://nsa38.casimages.com/img/2016/02/17/160217012757142625.png')");
        } else {
          $("body").css("background-image", "url('http://nsm08.casimages.com/img/2016/06/13//16061309380910722214306594.png')");
});

Si j'indente bien le code (les espaces, les retours à la ligne bien mis), j'ai ça :

Code:

jQuery(document).ready(function() {
      var date = new Date();
      var heure = date.getHours();
      if (heure >= 8 && heure < 20) {
        $("body").css("background-image", "url('http://nsa38.casimages.com/img/2016/02/17/160217012757142625.png')");
      } else {
        $("body").css("background-image", "url('http://nsm08.casimages.com/img/2016/06/13//16061309380910722214306594.png')");
});

Je crois qu'il manque une accolade fermante après le else :3

Si tu rajoutes l'accolade, comme ça, ça sera mieux je pense :

Code:

jQuery(document).ready(function() {
      var date = new Date();
      var heure = date.getHours();
      if (heure >= 8 && heure < 20) {
        $("body").css("background-image", "url('http://nsa38.casimages.com/img/2016/02/17/160217012757142625.png')");
      } else {
        $("body").css("background-image", "url('http://nsm08.casimages.com/img/2016/06/13//16061309380910722214306594.png')");
     }
});

Oh oui ! Quelle cruche ! Ne jamais coder le matin, ça ne me réussit pas xD

Merci infiniment, c'est exactement ce que je recherchais. Merci, merci, merci !! ♥
Excellente journée à toi !