Image sur design en fonction de l'état de plusieurs équipements

Bonjour à tous,
J’ai créé un design avec une image de mon salon.
Est’il possible de faire la chose suivante:

Lorsque la lumière du salon est allumée, cela affiche l’image 01 correspondant au salon allumée.
Lorsque la lumière et la lampe du salon sont allumées, cela affiche l’image 02 correspondant à ces état.
Lorsque la lumière, les lampes sont allumées et que le volet roulant est baissé, cela affiche l’image 03 correspondant à ces états…et ainsi de suite.
Je ne sais pas si c’est possible et pas quel biais.
Merci de votre aide.

Salut,
J’ai attribué un variable ImgSalon et créé un scénario en fonction des différents état des lumières du salon qui change la valeur de la variable. Maintenant, je ne sais pas comment relier l’image à changer en fonction de la variable.
Personne n’a une petite idée ou une orientation?
Merci.

Salut,

Pour ma part il faudrait mettre des copies d’écran car je ne vois pas trop où tu veux mettre ton image

Bonjour Salvialf,
voici mon menu salon et l’image de mon salon qui est dans une iframe :

Lorsque la lumière du salon s’allume, j’aimerais que l’image du salon change pour celle-ci :

et ainsi de suite avec la photo des lampes allumées et ou des volets roulants baissés etc…

Merci de ton aide…

bonjour,
chaque element comporte un binaire
0/1
tu donnes un coef x10
lumiére 0/1
volet 0/1+10
tv 0/1 + 100

donc tu pars sur 000
que ta lumiére ça donne 001
tv + lumiére = 101
tous allumé = 111

la formule

(#[test changes fond][volet][etat]#*1)+(#[test changes fond][lampes][etat]#*10)+(#[test changes fond][tv][etat]#*100)

donc 8 images

  1. 000
  2. 001
  3. 010
  4. 011
  5. 100
  6. 101
  7. 110
  8. 111

il faut un virtuel pour actualiser l’image
tu peux aussi mettre ta variable dans un virtuel.

maintenant
ton virtuel a l’id 450 (à modifier par celui que tu vas crées)

tu crées un design pour test
tu y ajjoutes un html

tu n’as que 2 images (reprise du forum)
par default un morceau de ta première (style :root)
si la valeur == 1
un morceau de ta deuxième (script)

<div class="cmd image_background">
  <span class="retour"></span>
    <script>
	var ton_virtuel=450;
        $('.image_background')[0].setAttribute('data-cmd_id', ton_virtuel);
  
                      jeedom.cmd.update[ton_virtuel] = function(_options){
			jeedom.cmd.execute({ // Récupération de la valeur  
				id: ton_virtuel,
                                success:  function(valeur_courante) {
$(".retour").empty().text(valeur_courante);                      

                                  if (valeur_courante == 1){ 
    $(":root").css("--url", "url(https://community.jeedom.com/uploads/default/original/3X/5/e/5e2b339ed0ad94913b7904eacbe9ffc0d698d3eb.jpeg)");
   }else{
$(":root").css("--url", "");
}

    }})
   	};    
    jeedom.cmd.update[ton_virtuel]();
  </script>
  <style>

:root {
  --url: url(https://community.jeedom.com/uploads/default/original/3X/4/e/4e0fb5e99103d17065294a87f4d3999c55ae9d3f.jpeg);
}

    .div_displayObject  {
      background-image: var(--url);
background-position: right 35% bottom 45%;
    }

  </style>

</div>

Merci ajja17orange pour ta réponse complète.
J’ai juste une petite question. Ou dois je mettre la formule :

(#[test changes fond][volet][etat]#*1)+(#[test changes fond][lampes][etat]#*10)+(#[test changes fond][tv][etat]#*100)

Encore merci pour le temps passé à me répondre.

tu créés un virtuel numérique
dans mon screen « résultat coef »
et la formule en valeur


note l’id « 450 »
pour la suite

Merci beaucoup, cela fonctionne super…
Merci de ta patience…

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.