[Présentation] F$B33

[wasabi]

Très classe ton design félicitations

[F$B33]

Merci

Petite évolution :

Je cherchais un moyen rapide et simple pour changer le fond d'écran de mes pages design sans devoir passer sur chacune pour y modifier le paramètre.

J'ai écrit un petit formulaire qui scanne un dossier Image contenant des fonds d'écrans divers et variés ainsi que le dossier où est stockée l'image de fond de mon thème.

Il suffit de sélectionner la nouvelle image pour remplacer l'ancienne et le tour est joué :

https://youtu.be/q6Qdww1QOtU

Prochaine étape, changement de l'image en fonction du moment de la journée (matin, soir, nuit...).

Je partage les fichiers si des personnes sont intéressées

FondEcran.zip

(3.43 Kio) Téléchargé 1088 fois

[dJuL]

Super, c'est du beau boulot

Une petite suggestion :

Si tu remplaces :

Code : Tout sélectionner

echo '<div class="imagette"><img src="'.$image.'" height=128px></br><input type="radio" name="group2" value="'.$image.'"></div>';

par :

Code : Tout sélectionner

echo '<div class="imagette"><img src="'.$image.'" height=128px></br><input type="radio" name="group2" value="'.$image.'?nocache='.uniqid().'"></div>';

Tu règles le pb de cache des images dans le navigateur

edit: oups j'avais mal lu le code, la variable sert a faire une copie de fichier donc mon exemple ne marche pas.
Maris dans le design il doit être possible d'ajouter la variable nocache sur le fond, qui se modifie à chaque changement d'image (en checkant la date de modif de l'image par exemple) ou bien tout le temps en nocache si l'image n'est pas lourde à charger.

[dJuL]

Autre solution plus simple, changer le nom de la photo dans la destination au moment de la copie.
ex :

Code : Tout sélectionner

copy($_POST['group1'], $_POST['group2'].'_'.uniqid());

reste a effacer tout le contenu du rep images avant chaque copy pour ne pas stocker des tonnes de copies
(faut donc un rep dedié à l'image de fond, ou sinon des images de fond commençant toutes par une chaine identifiable pour pouvoir les effacer avant la copie, genre 'fond-')

[F$B33]

Autre solution plus simple, changer le nom de la photo dans la destination au moment de la copie.
ex :

Code : Tout sélectionner

copy($_POST['group1'], $_POST['group2'].'_'.uniqid());

reste a effacer tout le contenu du rep images avant chaque copy pour ne pas stocker des tonnes de copies
(faut donc un rep dedié à l'image de fond, ou sinon des images de fond commençant toutes par une chaine identifiable pour pouvoir les effacer avant la copie, genre 'fond-')

Excellente idée mais comment tu indiques à Jeedom qu'il faut qu'il aille chercher ton image + uniqid().jpg ?

Je pense que c'est stocké dans la BDD, je n'ai pas encore fouillé dedans.

[dJuL]

Bonne question, n'ayant pas encore jeedom je n'avais pas percute que la photo de fond n'a pas été définie via du code mais via l'interface de design dans jeedom.
Si c'est dans la BDD il suffit juste de remplacer la valeur du champs en PHP, plus besoin de copie de fichier.

Sinon ce n'est pas possible d'inclure du php/js dans la page d'index du design ?
Car si c'est le cas c'est assez simple :

en php trouver le nom de fichier dans le rep nommé fond.xxxx.jpg

en js (lors du chargement de la page) ajouter le style background-image sur le body avec le nom de fichier trouvé via php

[F$B33]

Bonne question, n'ayant pas encore jeedom je n'avais pas percute que la photo de fond n'a pas été définie via du code mais via l'interface de design dans jeedom.
Si c'est dans la BDD il suffit juste de remplacer la valeur du champs en PHP, plus besoin de copie de fichier.
Sinon ce n'est pas possible d'inclure du php/js dans la page d'index du design ?

Oui je pense que le plus simple serait de modifier directement la base. Je vais me pencher la dessus.

Pour l'ajout de php/js, c'est surement possible.

[Sshafi]

Bravo F$B33, vraiment sympa le formulaire de changement de fond et ça le sera encore plus si on peut le faire varier en fonction de la journée Continue à nous faire partager, c'est vraiment cool !
A terme pourquoi pas lier le changement du fond en fonction de la journée ET des conditions météo disponibles sur le plugin météo Je dis ça, mais j'ai aucune idée de la faisabilité de la chose

From Tapatruc...

[F$B33]

Bravo F$B33, vraiment sympa le formulaire de changement de fond et ça le sera encore plus si on peut le faire varier en fonction de la journée Continue à nous faire partager, c'est vraiment cool !
A terme pourquoi pas lier le changement du fond en fonction de la journée ET des conditions météo disponibles sur le plugin météo Je dis ça, mais j'ai aucune idée de la faisabilité de la chose

From Tapatruc...

Pourquoi pas c'est une très bonne idée !

je vais réfléchir a la chose

[extrapitou]

Ça c'est un mec qui envoi du pâté !

Envoyé avec TapataCash !

[mamatdv]

Belle interface !! Bravo

[F$B33]

Voici le script mis a jour en prenant compte la météo :

http://dl.free.fr/klrMo1zhw

Installation :

Script a copier dans /core/img/plan/

Dans /core/img/plan/ >> Créer un dossier Images (avec un i Maj)

Dans /core/img/plan/Images >> Copier le dossier Meteo (avec un M Maj) avec les images

Ne pas modifier le nom des images. Désolé pour les Maj. chaque nom de fichier commence par une Maj.

Si vous voulez remplacer une image, attention au nom, l’extension et aux dimensions !

Extension : .jpg

Si la condition météo n’est pas référencée, le fichier defaut.jpg prendra place en fond d’écran

Compléter : $url_jeedom, $API_jeedom,$id_condition,$nom_fichier_fond_ecran




Ensuite à l'aide du plugin Script, vous pouvez appeler le fichier Wall_change.php toutes les heures par exemple pour mettre à jour votre fond d'écran :

script.png (61.33 Kio) Consulté 6113 fois

Vous pouvez changer les images en faisant bien attention de garder le même nom de fichier (avec la fichue majuscule...) et en ajoutant .jpg comme extension.

7 types de conditions sont gérées : Brumeux, nuageux, neigeux, orageux,pluvieux, soleil, venteux.

Prochaine étape : différencier le jour de la nuit.

Exemple avec la météo de Toronto et Melbourne :

Capture d’écran 2016-01-28 à 22.21.48.png (776.61 Kio) Consulté 6111 fois

Capture d’écran 2016-01-28 à 22.26.20.png (866.13 Kio) Consulté 6111 fois

[Sshafi]

J'ai pas encore essayé, mais c'est vraiment top, bravo et merci

[kouaw]

pour le jour / nuit dépend de si tu veux en réel ou à des heure précise car sauf erreur de ma part dans le plugin météo on sait avoir si il fait jour ou nuit

Envoyé de mon GT-I9300 en utilisant Tapatalk

[Bebel27]

comment fais ton pour mettre en place un design comme celui ci ?

[koulyndriss]

Juste trois petit mots

bienvenue, Bravo et Merci pour le partage

[lunarok]

Beau rendu.
Pour le jour/nuit, héliotrope met une info binaire a dispo

Envoyé de mon A0001 en utilisant Tapatalk

[tot0f]

J'ai vu dans une présentation récente que quelqu'un avait mis des effets de transition entre ses designs... Cà pourrait être la cerise sur le gateau

[F$B33]

J'ai vu dans une présentation récente que quelqu'un avait mis des effets de transition entre ses designs... Cà pourrait être la cerise sur le gateau

As tu un lien ?



Voici la mise à jour :

http://dl.free.fr/jCKq4M3Ow

Le fond change a présent en fonction du jour et de la nuit ainsi que de la météo.

Il faut absolument mettre le script dans /core/img/ et non /core/img/plan

Les images sont a mettre dans /core/img/Images/Meteo/

A chaque changement manuel du fond d'écran, le dossier /core/img/plan se vide. Il faudra modifier le nom du fichier à remplacer dans le script.

[Sshafi]

Bon je viens de faire l'installation du script,... et ça n'a pas l'aire de marcher, mais comme il se fait tard, je verrais ça demain ou lundi
Merci pour le partage en tout cas !