Code html dans design

Utilisation du core de Jeedom Design
5

Pour faire suite à ce topic, j’ai simplifié le code suite à votre aide

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

Au lieu de faire une multitude de si dans le code suivant les cas des images
préalable avoir nommé ces images avec son code binaire comme dans l’ordre du virtuel : 0,1,10…
utiliser le code suivant :

<div class="cmd image_background">
  <span class="retour"></span>
    <script>
	var ton_virtuel=4509;
    var chemin_Image='montheme/images/cuisine/';
    var extJPG='.jpg';
        $('.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);                      
var nom_Fich = valeur_courante;
var cheminComplet = chemin_Image + nom_Fich + extJPG;
 $(".retour").empty().text(cheminComplet);      
 $(":root").css("--url", "url("+cheminComplet+")");
 
//else{
//$(":root").css("--url", "");
//}

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

:root {
  --url: url(montheme/images/cuisine/10000.jpg);
}

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

  </style>

</div>