Background body qui change selon une valeur déterminée

[*Splash*]

Hi,

Existe-t-il un moyen de faire en sorte que l'image background du body change selon des paramètres déterminés ?
Par exemple, 4 images pour 4 saisons
20 mars image de printemps
21 juin image d'été
23 septembre image d'automne
21 décembre image d'hiver

Thème du forum, AwesomeBB

Merci d'avance

[MasDan]

Bonjours *Splash*,

Ajouter ce javascript (placement sur toutes les pages)

Code:

var tabImg = [ "lien image printemps",
              "lien image été",
              "lien image automne",
              "lien image hiver" ];

$(function(){
  "use strict";

  let dt = new Date();
  let moisJour = (dt.getMonth() +1) * 100 + dt.getDate();
 
  let i = 3;
  if ( moisJour >= 320 && moisJour < 621 ) {
    i = 0;
  } else if ( moisJour >= 621 && moisJour < 923 ) {
    i = 1;
  } else if ( moisJour >= 923 && moisJour < 1221 ) {
    i = 2;
  }
 
  $("body").css("background-image", "url(" + tabImg[i] + ")" );
});

et inclure vos images aux lignes 1 à 4.

[*Splash*]

Merci je vais essayer.

Quid des dates à rentrer pour le changement d'image ?

[MasDan]

Non aucune date à modifier, le bloc suivant détermine l'image à afficher

Code:

let i = 3;
  if ( moisJour >= 320 && moisJour < 621 ) {
    i = 0;
  } else if ( moisJour >= 621 && moisJour < 923 ) {
    i = 1;
  } else if ( moisJour >= 923 && moisJour < 1221 ) {
    i = 2;
  }

Ligne 2: 320 et 923 pour le 20 mars et le 23 septembre
idem pour les lignes 4 et 6.

Le javascript détermine selon la date du jour laquelle de vos 4 images doit être affiché.

[*Splash*]

OK

Je ferai un essaie en modifiant les dates pour vérifier le changement de background

[*Splash*]

Merci MasDan, cela fonctionne parfaitement