J’ai repris le code Image sur design en fonction de l'état de plusieurs équipements de ce sujet afin d’afficher différentes images en fonction de l’état.
Cela marche trés bien.
Pour réutiliser le code pour les autres pièces , j’aimerai passer le début du chemin de l’image en variable
Bonsoir,
je vous remercie pour vos réponses.Il n’y a donc pas possibilité de mettre le nom en dur de l’image +extension à la fin.Il faut tout faire avec des variables ?
ex:
var cheminImg = 'montheme/images/bureau/';
$(":root").css("--url", "url("+cheminImg+"000.jpg)");
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>