Re: Monitor - Fond animé avec les images chromecast
Publié : 21 mars 2017, 17:28
les fichiers frontpage, et frontpagesettings 
Reprenez le contrôle de votre domotique
https://easydomoticz.com/forum/
Code : Tout sélectionner
// Assombrissement du fond en journée
// Assombrissement du fond de nuit
// 1 seul fond d'écran perso (icons/wallpaper/perso.jpg)
// 2 fonds décran jour nuit(day.jpg/night.jpg)
// 4 fonds d'écran saison(summer.jpg/winter.jpg/spring.jpg/autumn.jpg
// 8 fonds d'écran (summerday.jpg/summernight.jpg.......)
// 12 fonds d'écran mois(m1.jpg/m2.jpg/m3.jpg...............)
// 24 fonds d'écran (m1day.jpg/m1night.jpg..............)
// 24 fonds d'écran heure (h1.jpg/h2.jpg/h3.jpg.........)
// 60 fonds d'écran minute (1.jpg/2.jpg/3.jpg............)
// n fonds d'écran perso (1.jpg/2.jpg/3.jpg........./n+1.jpg)
// n (b11) fonds d'écran alétoire (voir t04 pour la vitesse)
// Résolution du fond ("1024px 768px") ("cover") pour tout le fond.
// 53 fonds d'écran semaine(s1.jpg/s2.jpg/s3.jpg...............)
Code : Tout sélectionner
document.body.style.background=['black url(icons/',bg_night,') no-repeat top center fixed'].join('');
Code : Tout sélectionner
var random = Math.round(Math.random()*(bg_count-1)+1);
document.body.style.background=['black url(icons/',bg_night,random,'.jpg) no-repeat top center fixed'].join('');
Code : Tout sélectionner
document.body.style.background=['black url(icons/',bg_day,') no-repeat top center fixed'].join('');
Code : Tout sélectionner
var random = Math.round(Math.random()*(bg_count-1)+1);
document.body.style.background=['black url(icons/',bg_day,random,'.jpg) no-repeat top center fixed'].join('');
Code : Tout sélectionner
var bg_day = 'wallpaper/';
var bg_night = 'wallpaper/';
var bg_count = 5; //nombre d'images
Code : Tout sélectionner
body
{
background-color: #000;
}Code : Tout sélectionner
body
{
background-color: #000;
-webkit-transition: background-image 0.5s ease-in-out;
-moz-transition: background-image 0.5s ease-in-out;
-ms-transition: background-image 0.5s ease-in-out;
-o-transition: background-image 0.5s ease-in-out;
transition: background-image 0.5s ease-in-out;
}