crée un virtuel info autre
des actions avec pour valeur soit le http d'une image
soit le lien
exemple
1 = https://img.bfmtv.com/c/1000/600/bdd/f7 ... b0953.jpeg
2 = https://upload.wikimedia.org/wikipedia/ ... G_2653.jpg
3 = /core/img/logo-jeedom-grand-nom-couleur.svg
une fois confirmé que tu as bien cette info qui apparait
mets le code dans l'info autre
j'affiche l'image soit via css (que tu as fait) soit img
à toi de garder via toutes les possibilités se qui t'interesse
ou pas
ensuite tu le mets dans ton design corp
soit dans une partie que tu n'utilises pas soit en le déplacant du chant position x = 110
le plus important c'est #section1 tu vas voir il est fixe donc ne bouge pas
$('#section1').css('background','url('+_options.display_value+') no-repeat fixed').css('background-size','cover');
pour l'avoir pour toutes les sections
comme sur le dégradé css plus haut
un id par dessus les autres (*)
de quoi t'amuser
Code : Tout sélectionner
<div class="tooltips cmd cmd-widget #history#" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#" style="display: block;">
<style>
[data-cmd_id='#id#'] .cover {
height: 300px;
width: 200px;
}
</style>
<center><span style="font-size : 12px;#hideCmdName#" class="cmdName">#name_display#</span>
<div class="cover"></div>
<br/>
<div class="img"></div>
</center>
<script>
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_id=#id#] .cover').css('background','url('+_options.display_value+') no-repeat center').css('background-size','cover')
;
/* methode img */
$('.cmd[data-cmd_id=#id#] .img').html('<img src='+_options.display_value+' height=300px width=200px >');
$('#section1').css('background','url('+_options.display_value+') no-repeat fixed').css('background-size','cover');
/* image full écran = déformé
$('#section1').css('background','url('+_options.display_value+') no-repeat').css('background-size','360px 650px');
*/
if(_options.alertLevel){
$('.cmd[data-cmd_id=#id#]').removeClass('label label-warning label-danger')
if(_options.alertLevel == 'warning'){
$('.cmd[data-cmd_id=#id#]').addClass('label label-warning');
}else if(_options.alertLevel == 'danger'){
$('.cmd[data-cmd_id=#id#]').addClass('label label-danger');
}
}
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
</div>
(*)
------ // 1
j'ajoute un div section qui englobe tous les autres section1,2,...
<div id="section">
<!-- navbar-fixed-top -->
<div id="section1" class="container-fluid">
<h3 style="margin-left: 35px;">Résumés</h3>
</div>
....
....
</div> // pour la fin
----- // 2
dans le css
#section {
color: #fff;
}
#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10,
#section11, #section12, #section13, #section14, #section15, #section16, #section17, #section18, #section19, #section20
{padding-top:0px;height:630px;}
remplace toutes les id #section1,2
--------- // 3
dans le code plus haut du widget je modifie #section1 par #section
vide le cache
et te voila avec une image fixe que tu peux sénarisé ou ajout d'autre image en valeur action